Hojas de Estilo CSS, parte 1
01 Abril 2010
Posted in
Contenidos -
Resúmenes
Las hojas de estilo en cascada (Cascading Style Sheets, CSS) es un lenguaje formal usado para definir la presentación de un documento estructurado escrito en HTML o XML (y por extensión en XHTML). El W3C (World Wide Web Consortium) es el encargado de formular la especificación de las hojas de estilo que servirán de estándar para los navegadores.
La forma más usual de dar estilo a un documento es utilizar una hoja de estilo externa vinculada a un documento .html a través de la etiqueta <link> situada en la sección <head>.
Es decir, tenemos 2 archivos: uno con extensión .html donde colocamos el contenido y otro .css donde escribimos las reglas de estilo que afectarán al primer documento.
Un documento .CSS es un conjunto de Reglas de Estilo .CSS con las siguientes características:
- Cada regla debe escribirse entre llaves { }.
- Cada declaración termina en punto y coma ;
- Y cada propiedad se separa de su valor por dos puntos :
- Los selectores de clase comienzan con un punto . y en la página .html aparecen como class="nombre_selector"
- Los selectores ID comienzan por el signo de almohadilla # y en la página .html aparecen como ID="nombre_selector"
- La página Web enlaza el archivo .CSS de esta forma:
Utilizando reglas de estilo .CSS podemos actuar sobre:
- Los Tipos, tamaños y colores, alineación, espaciado,... de texto
- La Visibilidad y posicionamiento de elementos.
- Las propiedades de las listas, tablas, ...
- Las propiedades de cualquier etiqueta .HTML
- Los Márgenes, fondo y colores de zonas del documento,...
- Y sobre las propiedades de Caja o cualquier tipo de contenedor.
- etc...
El modelo de Cajas CSS
