Que son los Estilos CSS

¡¡ POR FIN !! Ya los tenemos aquí.
Después del pequeño paréntesis que a supuesto el ver los marcos vamos a entrar en uno de los temas más importante del curso.
LOS ESTILOS CSS

Las Hojas de estilo en cascada o estilos CSS (Cascade Style Sheet) es un tipo de programación específicamente dirigida a determinar el el aspecto (color, tamaño, margen, tipografía, fondo, etc.) de todo aquello que se puede identificar con una etiqueta de HTML.
¡Es el lenguaje de los diseñadores!

Recordad lo que vimos en la unidad 01 sobre como en sus inicios el HTML tenia sus propias etiquetas sobre el formato. Pero las posibilidades de formato del HTML eran muy escasas (para el gusto de los diseñadores). Ante el abigarramiento del lenguaje HTML se evolucionó al XHTML quedando el código xhtml restringido a determinar el contenido de la página Web mientras que deja al lenguaje CSS determinar la presentación de ese contenido.

¿Por qué es tan importante?
Las ventajas que presenta el uso de CSS son:

· MÁS CONTROL SOBRE EL DISEÑO DE NUESTRA PÁGINA: Podremos usar opciones de diseño impensables sin CSS (interlineado, coordenadas exactas para imagen de fondo, control independiente de bordes y márgenes, interletrado...)

· ACTUALIZACIÓN AUTOMÁTICA DEL DISEÑO: cambiando una sola regla de estilo se modificará en todos los elementos que estén obedeciendo automáticamente, y más aún al usar hojas de estilos con las que podremos variar el diseño de todo un sitio web de un plumazo.

· ACCESIBILIDAD + USABILIDAD + MEJOR PROMOCIÓN: Al tener separado el contenido (Xhtml) de su aspecto (CSS) los navegadores procesarán un código más limpio y mejor estructurado. Será accesible a más numero de navegadores y usuarios., podremos plantear mejor el diseño de usabilidad y los buscadores valorarán mejor ese código más limpio.

Al separar el contenido XTHL de su aspecto CSS lo que conseguimos es PODER.

Un mismo contenido puede tener aspectos totalmente diferentes
cambiando sólo sus estilos CSS.

Fijémonos que el contenido de la página no varía, el código Xhtml sigue siendo igual de simple. Sólo con variar la lista de ordenes de estilo podemos variar considerablemente el diseño de nuestras páginas.
¡Y eso que en el ejemplo no hemos utilizado imágenes ni capas!

Por estás razones se ha convertido en la herramienta más potente para el diseño web y resulta indispensable en el trabajo profesional en la web.

RECUERDA
¡¡¡Hemos estado utilizando Estilos CSS desde el principio de este curso!!!
- Al modificar las Propiedades de la página (color de fondo, márgenes, aspecto de los vínculos, etc.)
- Al aplicar formato al texto (tipo, tamaño, color...). Manejábamos Estilos CSS que llamábamos clases, clases de texto.
Ha llegado el momento de comprender mejor esos estilos y aprender a gestionarlos de una forma más avanzada