Skip to content

Instantly share code, notes, and snippets.

View agustinpfs's full-sized avatar

agustinpfs agustinpfs

7 followers · 13 following
View GitHub Profile
@agustinpfs
agustinpfs / sintaxis.html
Last active July 6, 2020 14:20
Sintaxis CSS
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Sintaxis css</title>
<style>
h1 {
color: red;
}
@agustinpfs
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
agustinpfs / style.css
Created May 30, 2020 01:28
Archivo externo CSS
h1 {
background-color: violet;
}
@agustinpfs
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
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
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
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
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
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
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 -->