Las hojas de estilo en cascada (en inglés Cascading Style Sheets), CSS es un lenguaje 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 agentes de usuario o navegadores.
CSS es el lenguaje de hojas de estilo más utilizado en páginas Web, con él podrás separar el aspecto visual del contenido de tu páginas Web.
La idea que se encuentra detrás del desarrollo de CSS es separar la estructura de un documento de su presentación.
Los tres tipos de estilos
1. Una hoja de estilo externa, que es una hoja de estilo que está almacenada en un archivo diferente al archivo donde se almacena el código HTML de la página Web. Esta es la manera de programar más potente, porque separa completamente las reglas de formateo para la página HTML de la estructura básica de la página.
2. Una hoja de estilo interna, que es una hoja de estilo que está incrustada dentro de un documento HTML. (Va a la derecha dentro del elemento ). De esta manera se obtiene el beneficio de separar la información del estilo, del código HTML propiamente dicho. Se puede optar por copiar la hoja de estilo incrustada de una página a otra, (esta posibilidad es difícil de ejecutar si se desea para guardar las copias sincronizadas). En general, la única vez que se usa una hoja de estilo interna, es cuando se quiere proporcionar alguna característica a una página Web en un simple fichero, por ejemplo, si se está enviando algo a la página web.
3. Un estilo en línea, que es un método para insertar el lenguaje de estilo de página, directamente, dentro de una etiqueta HTML. Esta manera de proceder no es totalmente adecuada. El incrustar la descripción del formateo dentro del documento de la página Web, a nivel de código se convierte en una tarea larga, tediosa y poco elegante de resolver el problema de la programación de la página. Este modo de trabajo se podría usar de manera ocasional si se pretende aplicar un formateo con prisa, al vuelo. No es todo lo claro, o estructurado, que debería ser, pero funciona.
Ventajas del uso del CSS
Se tiene un mejor control de la presentacion sobre el sitio, con lo que se hace mas rapido la actualización del sitio, la pagina tambien puede disponer de diferentes hojas de estilo, lo que resulta mas personalizado y volviendose mas accesible para la mayoria de los usuarios , lleva tambien la ventaja que se reduce el tamaño del archivo HTML.
EL CSS DENTRO DE HTML
Afortunadamente, sí podemos definir los estilos en un fichero distinto al documento HTML, y después tomar un referencia dentro del propio documento HTML. Esto es posible gracias a la etiqueta , escribimos el vínculo que nos lleva al CSS dentro de las dos etiquetas HEAD.
Como funciona…
CSS funciona a base de reglas, es decir, declaraciones sobre el estilo de uno o más elementos. Las hojas de estilo están compuestas por una o más de esas reglas aplicadas a un documento HTML o XML. La regla tiene dos partes: un selector y la declaración. A su vez la declaración está compuesta por una propiedad y el valor que se le asigne.
h1 {color: red;}
h1 es el selector
{color: red;} es la declaración
El selector funciona como enlace entre el documento y el estilo, especificando los elementos que se van a ver afectados por esa declaración. La declaración es la parte de la regla que establece cuál será el efecto. En el ejemplo anterior, el selector h1 indica que todos los elementos h1 se verán afectados por la declaración donde se establece que la propiedad color va a tener el valor red (rojo) para todos los elementos h1 del documento o documentos que estén vinculados a esa hoja de estilos.
Fuentes:
Wikipedia:
http://es.wikipedia.org/wiki/Hojas_de_estilo_en_cascada
http://www.manualdecss.com/codigos-css/indice-codigos.html
Maestro de la Web
