Hojas de estilo incorporadas

Hojas de estilos CSS incorporadas

La forma más sencilla para definir reglas de estilo es utilizar la nueva etiqueta pareada <STYLE>, que crea un conjunto de reglas de estilo que tendrán valor desde el punto de inserción en adelante.

Esta etiqueta se incluye en la sección HEAD, para que esté disponible en todo el cuerpo del documento.

STYLE tiene un único atributo TYPE, que informa sobre el tipo de reglas de estilo que contiene; por ahora, siempre se utilizará text/ccs.

Dentro de <STYLE> se incluyen líneas que se corresponden con los diferentes estilos de presentación de los diversos elementos del documento.

<HTML>

<HEAD>

<TITLE>Hojas de estilos</TITLE>

<!--

BODY {color: #000000;

background: #FFFFFF;

margin-left: 10px;

font-family: arial, verdana, helvetica, sans-serif;

}

H1, H2 {

margin-left: 15px;

color: #FF0000;

}

P.centrado { text-align : center }

.caracteristicas { margin-left: 5px; margin-right: 5px }

-->

</STYLE>

Además, es posible importar un documento externo que incluya una definición de estilos compartidos por varios documentos.

Los ficheros de este tipo suelen tener la extensión ccs. Para incluirlo, se utiliza la etiqueta <LINK> en el encabezado del documento, con el siguiente formato:

<LINK REL=STYLESHEET HREF="URL con el path y nombre de archivo de estilos">