Clasificación de los elementos
En CSS1, los elementos formateados pueden agruparse en tres categorías:
- Elementos de bloque. Como los párrafos, los encabezdos, las tablas, las listas, los DIV o el BODY. Son los que fuerzan un salto de línea al final de los mismos.
- Elementos inline. Como los enlaces, el énfasis o el SPAN. Pueden ser hijos de cualquier otro elemento.
- Elementos de lista. Son aquellos que en HTML sólo pueden contener elementos de tipo LI. Pueden ser automáticamente numerados o susceptibles de tomar algún tipo de estilo que se aplique a cada uno de los ítems que los definen.
Podemos cambiar la visualización de ciertos elementos mediente la propiedad display, la cual tiene las siguientes características:
- Puede tomar los valores: block, inline, list-item, none (oculta el elemento).
- Su valor por defecto es block.
- No se hereda.
- Es aplicable a todos los elementos.
Con display podemos cambiar aspectos típicos de visualización que están definidos en HTML, como el hecho de que los párrafos sean de tipo bloque:
P {display: inline;}
Pero cuando realmente se le saca partido a la propiedad display, es cuando formateamos un documento XML. Esto se debe a que XML no tiene un comportamiento predefinido para los elementos que contiene.
CSS2 completa los tipos de formateos añadiendo un tratamiento específico para tablas, filas y celdas.
Colores
- Lista de colores disponibles por nombre: aqua, gray, navy, silver, black, green, olive, teal, blue, lime, purple, white, fuchsia, maroon, red, yellow. Están tomados de los dieciseis colores básicos que se generan como VGA.
- Colores definidos mediante valores RGB. Pueden definirse como valores porcentuales entre 0 y 100 % (color: rgb(100%,80%,60%)) , o mediante valores numéricos entre 0 y 255 (color: rgb(255,0,0)).
- Colores definidos mediante valores hexadecimales con la estructura #RRGGBB (color: #FF0000). La notación hexadecimal puede abreviarse cuando sus valores se repiten para cada par, como en la expresión color: #000.
- Colores web-safe. Son aquellos cuya visualización se mantendrá entre navegadores. Existen 216 de estos colores, los cuales se obtienen mediante incrementos del 20%, 51 unidades o 33 en hexadecimal (rgb(40%,100%,80%), rgb(0,204,153) o #669933).