Ahora que ya hemos visto cómo se definen estilos en un documento HTML, así como todas las posibilidades en cuanto a jerarquías, clases, ..., nos vamos a centrar en qué es lo que podemos poner en cada una de esas parejas propiedad:valor que decíamos que definen un estilo.
Para facilitar su identificación, los vamos a dividir en las siguientes categorías:
Propiedes:
* Formato de bloque
* Las fuentes
* Texto
* Color y fondo
* Listas
Hay propiedades en las que necesitaremos especificar alguna longitud (por ejemplo, en los márgenes). Para ello, usaremos esta notación:
[-]NNtipo
- es el signo, y es opcional (es lo que quieren decir los corchetes, que se trata de algo opcional, los corchetes no hay que ponerlos).
NN es la cantidad, y tipo es la magnitud. Esta última puede ser relativa o absoluta.
Las magnitudes relativas son em (el alto de la M mayúscula), ex (la mitad de la altura de la M mayúscula, que viene a ser aproximadamente la altura de la x minúscula), px (píxel). Las magnitudes absolutas son pt (puntos), pc(picas), in (inches, es decir, pulgadas), mm (milímetros), cm (centímetros).
Hay otras propiedades en las que tendremos que especificar un color; para ello hay tres posibilidades: escribiéndolo de la misma forma que en HTML, con la notación #RRGGBB, siendo RR, GG, BB los valores en hexadecimal de las componentes roja, verde y azul del color, usando algún nombre predefinido, o usando la función rgb(R,G,B), donde R, G, B son los valores en decimal de las componentes roja, verde y azul del color.
Un último detalle a comentar antes de pasar al estudio de las propiedades y sus posibles valores, es el siguiente: desde el punto de vista de las hojas de estilo, existen tres tipos de elementos HTML: de bloque (que son los que hacen empezar línea nueva, como
, las cabeceras, ...), incrustados en línea (que no alteran la línea en la que se encuentran, como , , ...) y de lista (que son los elementos de una lista delimitados por ). Todo elemento de bloque se considera rodeado por una caja, con propiedades de márgenes, borde, padding y fondo. Además, la caja que lo rodea tiene un cierto ancho, y una cierta alineación con respecto al documento.
Autor: Lola Cárdenas
http://rinconprog.metropoli2000.com/
Usuarios que han visto este tema también han visto...
- Capas visibles e invisibles en CSS
- Maquetar una página con CSS
- Modelo de cajas en CSS
- Redondear esquinas de una tabla
- Comentarios en CSS
- Versión imprimible de este documento
- Enviar por e-mail este documento
