Entra en la Red Logo

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 este disponible en todo el cuerpo del documento.

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>

<STYLE TYPE="text/css">

<!--

BODY {color: #000000;

background: #FFFFFF;

margin-left: 10px;

font-family: arial, verdana, helvética san-serif

}

H1, H2 {

margin-left: 15px;

color: #FF0000;

}

P.centrado { text-align : center }

.características{ 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 css. Para incluirlo, se utiliza la etiqueta <LINK> en el encabezado del documento, con el siguiente formato:

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

Hojas de Estilos - CSS

CSS incorporadas

CSS externas

Atributos de CSS

Atributo de Font-Family

Atributos de márgenes y alineacion

Atributos de Bordes

Atributo Font Size

Atributo font Style

Colores en CSS

Clases CSS

Clase A

Volver a la principal de hoja de estilos

Llámenos al 91 747 82 06 para más información.

Legal | Posicionamiento en buscadores | Todo sobre google | Estadisticas| Hojas de estilo