Entra en la Red Logo

Hojas de estilo CSS

Las Style Sheets, son una de las recientes incorporaciones al mundo del Web, son una herramienta que proporciona al diseñador de documentos HTML un control total sobre la forma en que estos se visualizan o imprimen.

¿;Qué son las hojas de estilo?

En un rápido resumen, son plantillas en que permiten cambiar el formato de presentación de cualquier etiqueta de HTML.

Se puede hacer que todos los títulos tengan color rojo, o que los párrafos estén alineados a la izquierda. Además, y como aspecto fundamental, permiten crear nuevas clases de texto, que agrupen estilos de presentación comunes.

Por ejemplo, se puede definir un párrafo normal, otro de itálica y otro con negrita, y cambiar la apariencia de un párrafo sin más que aplicar el correspondiente estilo a ese párrafo

Las hojas de estilo controlan todos los elementos de la presentación de un documento HTML: márgenes de página, espaciado entre párrafos, tamaños y tipos de letra, color y fondos, etc.

Permiten agrupar varios formatos en nuevas clases de texto, para evitar tener que repetir las mismas etiquetas HTML en diferentes partes del documento. La presentación final de una página html se puede alterar, alterando su hoja de estilos, que es común a todos los documentos.

Las hojas de estilo son muy similares a los estilos de Microsoft Word o WordPerfect, se definen estilos para párrafos y caracteres y se aplican a las diferentes partes de un documento.

Las especificaciones de las hojas de estilo definen unas reglas de precedencia para decidir en qué forma se aplica una de estas 'cascadas' de estilos a las páginas donde las enlacemos.

La forma más sencilla para definir reglas de estilo es utilizar la etiqueta <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 se utiliza text/css.

Para incluirlo en las páginas web, se utiliza la etiqueta <LINK> en el encabezado del documento, con el siguiente formato:

<LINK REL=STYLESHEET HREF=";path y nombre del fichero de los estilos";>

Volver a la principal

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