agustinpfs’s gists

agustinpfs / sintaxis.html

Last active July 6, 2020 14:20

Sintaxis CSS

agustinpfs / declaraciones.html

Last active July 6, 2020 14:54

Declaraciones CSS

	<!DOCTYPE html>
	<html lang="es">
	<head>
	<meta charset="UTF-8">
	<title>Declaraciones css</title>
	<link rel="stylesheet" href="style.css">
	<!-- url de gist "style.css": https://gist.github.com/agustinpfs/bc6f154f9be9b4c0a6844335ff5f490e -->
	<style>
	h1 {
	background-color: cyan;

agustinpfs / style.css

Created May 30, 2020 01:28

Archivo externo CSS

agustinpfs / selector-de-etiqueta.html

Last active July 12, 2020 14:01

Selector CSS de etiqueta

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Selector de etiqueta</title>
	<style>

	h1 {
	color:red;
	font-size: 1.5rem

agustinpfs / selector-de-clase.html

Last active June 29, 2020 11:05

Selector CSS de clase

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Selector de clase</title>
	<style>

	.rojo{
	color:red
	}

agustinpfs / propiedades.html

Last active June 29, 2020 11:27

Propiedades CSS

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Propiedades</title>
	<style>
	article {
	background-color: gold;
	font-family: Arial, Helvetica, sans-serif;
	width: 300px;

agustinpfs / bem-example.html

Last active June 29, 2020 15:01

Ejemplo BEM

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<style>
	.articulo {
	background-color: blue;
	height: 200px;

agustinpfs / box-model.html

Created May 30, 2020 01:45

Box Model CSS

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>box-model</title>
	<style>
	.box1 {
	background-color: plum;
	margin: 10px;

agustinpfs / reset.css

Last active June 30, 2020 11:55

Basic reset CSS

	/* RESET - resetea los estilos por defecto del navegador */

	html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, img, small,
	strong, center, ul, li, form, label, article, aside, figure, figcaption,
	footer, header, menu, nav, section, audio, video, main {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border: 0;
	}

agustinpfs / estructura-basica.html

Last active July 6, 2020 11:09

Estructura básica HTML con etiquetas <h1> (encabezado nivel 1) y <p> (párrfo)

	<!DOCTYPE html> <!-- define un documento HTML -->
	<html> <!-- elemento raíz de una página HTML -->
	<head> <!-- contiene meta información acerca del documento(*) -->
	<meta charset="UTF-8"> <!-- especifica tipo de caracteres -->
	<title>Título</title> <!-- especifica el título del documento -->
	</head>

	<body> <!-- contiene el contenido visible por el usuario -->

	<h1>Encabezado</h1> <!-- define un encabezado -->

agustinpfs agustinpfs