Las hojas de estilo en cascada o (Cascading Style Sheets, o sus siglas CSS) hacen referencia a un lenguaje de hojas de estilos usado para describir la presentación semántica (el aspecto y formato) de un documento escrito en lenguaje de marcas. Su aplicación más común es dar estilo a páginas webs escritas en lenguaje HTML y XHTML, pero también puede ser aplicado a cualquier tipo de documentosXML, incluyendo SVG y XUL.
En otras palabras más llanas, cuando entramos en una página web vemos que existen colores de fondo, que la información se muestra en columnas, que los enlaces tienen un color y al pasar sobre él con el ratón cambian de color, que existen menús desplegables, etc etc. Todo esto se consigue con CSS3.
Aunque es cierto que las etiquetas HTML tienen atributos para indicar cómo se debe mostrar el contenido, la filosofía que hay detrás de HTML5 nos indica que HTML5 debe ser tratado como un lenguaje de marcas de tipo descriptivo, esto quiere decir que se debe limitar a estructurar la información, pero no encargarse de su presentación visual. Para eso tenemos el lenguaje CSS.
CSS3 no es más que la versión 3 del lenguaje CSS, está estrechamente ligado a HTML5 y es vital conocer tanto la forma correcta de utilizarlo como la forma correcta de incluirlo en nuestros documentos HTML5.
Norma para incluir nuestro CSS3
Al igual que pasa con JavaScript, no tenemos una única manera de incluir nuestro código CSS3 dentro de los documentos HTML5, sí… al igual que pasa con el JavaScript, el código CSS3 se va a incluir dentro de nuestro fichero HTML.
Incluir CSS3 en nuestro HTML5
La forma correcta de incluir nuestro código CSS3 en los documentos HTML5 es prácticamente igual que el método anterior. Sólo existe una pequeña diferencia:
Hemos eliminado el atributo type. HTML5 es muy listo y entiende que si estamos cargando una hoja de estilos el type es text/css por lo que no tenemos por qué informar de ello. Ojo, por poder podemos hacerlo y no dará ningún error, de hecho en otras aplicaciones de la etiqueta link hay que ponerlo, pero en el caso del CSS ya lo da por supuesto.
Importante: Podemos incluir varias hojas de estilo en el mismo documento HTML, sólo tendremos que tener una etiqueta link por cada uno.
Comentarios
Publicar un comentario