¿Cómo utilizar el código CSS? ¿Dónde ponerlo?

1. Otras páginas no necesitan esta parte del código CSS. Puede colocarlo directamente en el archivo HTML deseado.

Debajo de la etiqueta head, escribe la etiqueta de estilo y coloca el código CSS en la etiqueta de estilo.

2. Puede crear un nuevo archivo CSS, como index.css, y colocar el código CSS en el archivo index.css.

A continuación introduce el archivo index.css en el archivo HTML.

¿Enlace? rel="hoja de estilo"? href="index.css" gt.

Href: La ruta para escribir el archivo index.css.

Datos ampliados:

Métodos para insertar hojas de estilo:

1. Utilizar hojas de estilo externas

lthead gt ltlinkrel="hoja de estilo" tipo="texto/CSS" href="mi estilo. CSS" gt. lt/head gt;

El navegador leerá la declaración de estilo del archivo mystyle.css y formateará el documento de acuerdo con ella.

Las hojas de estilo externas se pueden editar en cualquier editor de texto. El archivo no puede contener ninguna etiqueta html. La hoja de estilo debe ser coherente con . extensión css.

2. Hoja de estilo interna

Cuando un solo documento requiere un estilo especial, se debe utilizar una hoja de estilo interna. Puedes usar

ltstyle gt

HR { color: sienna }

p { margin-left: 20px }

body; { imagen-copia de seguridad: URL ("images/back 40.gif");}

lt/style gt;

3. Estilo incrustado

Estilos acoplados. pierden muchas de las ventajas de las hojas de estilo porque combinan presentación y contenido. Por ejemplo, utilice este método con precaución cuando un estilo solo deba aplicarse a un elemento una vez.

Para usar estilos en línea, debe usar el atributo de estilo en las etiquetas relevantes. Las propiedades de estilo pueden contener cualquier propiedad CSS. El siguiente ejemplo muestra cómo cambiar el color y el margen izquierdo de un párrafo:

ltp style = "color: sienna; left margin: 20px""; Este es un párrafo. lt/p gt;

Las hojas de estilo permiten especificar información de estilo de diversas formas. Los estilos se pueden especificar en elementos HTML individuales, en el elemento de encabezado de una página HTML o en archivos CSS externos. Incluso puedes hacer referencia a varias hojas de estilo externas en el mismo documento HTML.

En términos generales, la prioridad es la siguiente:

estilo en línea) estilo en línea gt; (estilo interno) Hoja de estilo interna gt (estilo externo) Hoja de estilo externa gt estilo predeterminado del navegador