Saltar al contenido

¿Dónde y como ubicar CSS?

enero 25, 2014
html y css

Podemos asociar las hojas de estilo a nuestra página de diferentes modos: en línea, como una hoja interna o como una hoja externa.

• Añadir estilos en línea. Consiste en añadir directamente los estilos a un elemento HTML a través de la propiedad style. En este caso, no debemos añadir ningún selector, ya que el estilo se añade directamente al elemento:

<h1 style=”background-color: blue; text-color: white;”>…

Los estilos en línea suelen utilizarse cuando un estilo se aplica únicamente a un elemento.

• Añadir definiciones de estilos como una hoja interna. Se utilizan cuando ciertos estilos se aplican únicamente a los elementos de una página. Los estilos se definen en la cabecera de la página mediante la etiqueta <style> del siguiente modo:

<head><style type=”text/css”>
p {color:#ffffcc; margin-left: 20px;}
body {background-image: url (“images/background.png”);}

</style></head>

• Añadir estilos en una hoja externa. Es la forma ideal cuando queremos aplicar un estilo común a varias páginas. Definiremos nuestros estilos en un fichero con extensión .css que enlazaremos mediante la etiqueta <link> en la cabecera de la página del siguiente modo:

<head>
<link rel=”stylesheet” type=”text/css” href=”miestilo.css” /> </head>