Formas de aplicar CSS

CSS Directas

Las CSS directas se usan para poder aplicar un estilo a una parte del texto concreta.

“X” sería la etiqueta html a la que se le ha aplicado el estilo, mediante el parámetro “style”. “X” puede ser un párrafo (

), una capa con salto de línea (

), una capa sin efecto (), etc.

El estilo está definido por unos atributos con un valor (“atributo1:valor1”), separados entre ellos por punto y coma.

CSS indirectas fuera del documento

Otra forma de aplicar CSS es a través de unos estilos que se encuentran fuera del documento, pero al que se aplicarán esos estilos. Esta forma de aplicar CSS es útil si queremos aplicar los mismos estilos a diferentes documentos html.

Deberemos crear por tanto un documento de extensión .css donde estarán determinados los diferentes estilos. Y desde cada hoja en la que queramos aplicarlos, habrá que indicar que debe buscar los estilos en ese documento.

Expliquemos a continuación los diferentes atributos de la etiqueta <link>:

El atributo "rel" debe ir con el valor "stylesheet" ya que está definiendo que “link” se está usando para insertar una hoja de estilo. El atributo "type" con valor "text/css" indica que el tipo de sintaxis que usa la hoja de estilo es CSS. Por último, el atributo "href" especificará la ubicación y el nombre de la hoja de estilo.

Cristian