AY U D A R Á P I D A C S S Morfología del elemento HTML

height
Sintaxis MARGIN
width
WIDTH
Regla simple selector { propiedad: valor; } Sentido de agujas del reloj

HEIGHT
Más de un elemento selector1, selector2 { propiedad: valor; } ELEMENTO HTML border-top margin-top padding-top
Elementos anidados selectorPadre selectorHijo { propiedad: border-right margin-right padding-right
PADDING
valor; } BORDER border-bottom margin-bottom padding-bottom
Incrustado externo <link reel=”stylesheet” type=”text/css” border-left margin-left padding-left
href=”tu-archivo-style.css”>
Importado externo <style type=”text/css”> @import url(‘/css/
Unidades Selectores
styles.css’); </style>
Unidades de medida px, pt, em, % class . nombredeclase
Estilo interno <style type=”text/css”> selector {
propiedad: valor; } </style> id #nombredeid
Anulación <p> p

Texto Comentario regla /* selector { propiedad: valor; } */ <h2> h2

text-align left, center, right, justify Comentar propiedad-valor selector { /* propiedad: valor; */ }
direction ltr, rtl Colores
text-transform capitalize, uppercase, lowercase, normal Nombre black, white, red, orange, yellow, pink, green...
Fuentes
text-indent Sangría 1er párrafo. Valor numérico hexadecimales #80BFFF;
color font color del texto
letter-spacing Espacio entre letras. Valor numérico rgb rgb(96,80,220);
font-family Tipo de fuente de texto
word-spacing Espacio entre palabras. Valor numérico rgba rgba(215, 40, 40, 0.9);
font-size Tamaño de fuente
white-space pre, nowrap, normal
font-weight bold, normal, lighter, bolder, integer (100-900)
vertical-align Alineación vertical. Valor numérico Posición y flujo
Font-style italic o normal
display block, inline, inline-block, list-item, compact, run-in,
line-height Altura de línea
Border marker, none
text-decoration line-through, underline, overline, normal
border-width Grosor del borde float left, right, none
font-variant small-caps, normal
border-style hidden, dotted, solid, dashed, doubled, groove, clear left, right, both, none
ridge, inset, outset, none position static, relative, absolute, fixed
border-color Color del borde Lista visibility visible, hidden, collapse
list-style-type disk, circle, square, none, decimal, lower-alpha, overflow visible, hidden, scroll, auto
upperalpha, armenian, georgian...
Background overflow visible, hidden, scroll, auto
list-style-image Imagen usada como “bullet”
background-color Cualquier color z-index auto, inherit or (1,2,-1,-2...)
list-style-position Inside, outside
background-image Ruta de la imagen de fondo
background-repeat repeat, repeat-x, repeat-y, no-repeat Pseudo selectores
background-attachment scroll, fixed Pseudo selectores :hover, :active, :focus, :link, :visited, :first-line,
background-position x, y, top, center, bottom, left, right :first-letter ...