Está en la página 1de 2

Estilos CSS

Overflow: auto (Visible, hidden, scroll, auto)


Position: relative (Static, relative, fixed, absolute, sticky)
Listas: list-style-type: square (square, lower-alpha)

Enlaces:
/* Link no visitado */ /* Link visitado */ /* Al pasar el mouse */
a:link { a:visited { a:hover {
color: red; color: green;     color: yellow;
} } }

/* Link seleccionado */
a:active {
color: blue;
}

Divisiones:
padding: 50px; border: 1px solid rgb(0, 0, 129);    margin: 80px; background-color: rgb(38, 99, 229);
float: right; (left, right, none, inherit)

Selectores:
Selector universal: permite aplica el estilo a todos los elementos del documento
* { margin: 0; padding: 0; }

Selector de etiqueta: permite aplica el estilo a una etiqueta


h1 { background-color: rgb(38, 99, 229); }

Selector de clase: permite aplica el estilo a una clase. Código html:


<p class="textorojo">este texto está en rojo</p>
Codigo css: .textorojo { color: red;}

Selector de ID:
#firstname { background-color: blue; }

Color:
rgb(255, 99, 71) - #ff6347 - hsl(9, 100%, 64%) - "Tomato" - rgba(255, 99, 71, 0.5) - hsla(9, 100%, 64%, 0.5);

Unidades absolutas:
body { margin: 0.5in; } Pulgadas
h1 { line-height: 3cm; } Centímetros
p { word-spacing: 5mm; } Milímetros
a { font-size: 13pt } Puntos
span { font-size: 1pc } Picas

Unidades relativas:
body { font-size: 12px; } Pixeles
h1 { font-size: 2.6em; } EMs

También podría gustarte