 El primer navegador Web incluía un lenguaje de estilo interno que utilizaba dicho navegador para mostrar las páginas HTML.  Sin embargo estos primeros.

Presentación del tema: " El primer navegador Web incluía un lenguaje de estilo interno que utilizaba dicho navegador para mostrar las páginas HTML.  Sin embargo estos primeros."— Transcripción de la presentación:

1  El primer navegador Web incluía un lenguaje de estilo interno que utilizaba dicho navegador para mostrar las páginas HTML.  Sin embargo estos primeros lenguajes de estilo HTML al ser internos no eran disponibles al autor del documento.  Así nació en 1994 el primer borrador de Cascading HTML StyleSheets, publicado por Hakon Lie  Que permitiría combinar las preferencias del autor y del usuario  W3C se creo en 1994 para establecer los estándares técnicos del crecimiento y desarrollo de la Web y publicó su primera recomendación CSS1 (1996)  En Mayo del 98 W3C creo el CSS2, una mejora y ampliación de la anterior  CSS3 esta actualmente en desarrollo

2  CSS permite adjuntar reglas de estilo a elementos de marcación HTML  Estas reglas definen el aspecto de presentación de los elementos HTML a los que se aplican, tales como el color y la tipografía.  Con CSS se cumple un principio muy importante para los desarrolladores Web, “Separación de contenido y presentación”, ya que se obtienen los siguientes beneficios: - Aumento de accesibilidad - Resultado mejorado - Disminución del trabajo de producción  CSS se diseñó para ser relativamente independiente del lenguaje, lo que permite utilizar CSS para cualquier lenguaje de marcación, con tal de que se basen en SGML y XML  La presentación afecta a la manipulación del color, la tipografía y otros factores como, por ejemplo, si está en un medio impreso o electrónico o si utiliza sonido y voz.  A diferencia de lenguajes mas sofisticados como XSL no puede modificar la estructura y contenidos del documento

3 En la Web el código es la clave para identificar los componentes específicos dentro de un documento. Esa posible identificación es la que permite dividir el documento en partes a las que aplicar el estilo que deseemos. Además de los elementos básicos y sus atributos, existen también atributos diseñados para tener en cuanta la identificación única de un elemento en un documento (el atributo id) y permitir la asociación de información arbitraria con un elemento ( los atributos class y style) El atributo id se remonta a los primeros de SGML cuando los documentos se analizaban y validaban, y permitía al analista identificar de forma única uno de los elementos del documento. En HTML id no se utilizó hasta la aparición de las Hojas de estilo El atributo class es relativamente nuevo y tiene muchos usos posibles, pero su uso más frecuente es para agrupar elementos relacionados asignando a sus atributos class el mismo valor Con los mecanismos de identificación CSS podemos, por tanto, describir los subcomponentes de un documento de manera precisa, permitiéndonos crear estilos que están asociados con esos subcomponentes en lugar de con la página en su totalidad

4  Existen varios métodos para aplicar una regla de estilo a un elemento:  Se puede especificar el conjunto de propiedades de estilo que el elemento debería tener como valor de un atributo de ese elemento. Estas se conocen como definiciones de estilo en línea.  Se puede especificar una hoja de estilo única para un solo documento. Éstas se conocen como hojas de estilo incorporadas.  Se puede situar las definiciones en un archivo externo al documento y luego enlazarlo con éste. Así podrá enlazar la hoja de estilo con muchos documentos en un sitio Web dado. Éstas son las hojas de estilo externas

5  Con la utilización de las definiciones de estilo en línea a menos que no se tengas intención de reutilizar el código, dichos estilos aumentan excesivamente el peso de un documento ya que se repiten mucho los nombres de propiedades, incluso si los valores son diferentes. Además el mantenimiento con hojas de estilo en línea son una pesadilla, al tener que hacerlo para cada elemento.  La ventaja del estilo en línea es que puedes estar seguro del estilo que va a tener cada elemento y si la reutilización y actualización no preocupan puede ser una buena solución. Define estilos específicos para un documento dado, aunque no de una forma tan específica como los estilos en línea, y permitiendo una mayor reutilización, al igual que una definición más compacta. Los estilos incorporados pueden aumentar el tiempo de respuesta de un documento porque el navegador no puede guardar en caché las definiciones, sino que tiene que ir a buscarlas cada vez que se solicita el documento

6 Una ventaja es que debido a que las reglas que definen los estilos están en el mismo documento puede resultar más sencillo la validación de estas, aunque los programas de validación son capaces de cargar una hoja de estilo externa para realizar dichas comprobaciones e incluso algunos de estos no validan hojas de estilo incorporadas. Son conjuntos de reglas de estilo que se han copiado en un archivo externo y a las que alude el documento por medio de distintos métodos Poseen todas las ventajas de las hojas de estilo incorporadas pero además permiten disminuir el tiempo de respuesta debido a que el navegador puede almacenar en caché esta hoja de estilo La posibilidad de aplicar la hoja de estilo externa a múltiples documentos contribuye a un diseño más lógico por último y como hemos comentado anteriormente existe software validación que aceptan un URL para una hoja de estilo externa, permitiendo que todo esté correcto.