Índice

Principios de funcionamiento de los estilos CSS HOJA DE ESTILO:Principios de funcionamiento

Una regla CSS se caracteriza principalmente por dos elementos:

  • Un selector de etiquetas que permite definir a qué etiquetas del documento se aplica el estilo. HOJA DE ESTILO:Selector de etiquetas

  • Una declaración de estilo colocada entre dos llaves. HOJA DE ESTILO:Declaración de estilo

La declaración incluirá una o varias propiedades seguidas de dos puntos (:) y uno o varios valores entre comillas y asociados a cada propiedad. Este es un ejemplo tal y como se verá en la hoja de estilo CSS:

.a {font-family:tahoma; font-size:11px}
  • .a: designa el selector.

  • {font-family:tahoma; font-size:11px}: designa la declaración.

  • font-family: y font-size:: estas son dos propiedades.

  • tahoma y 11px: estos son dos valores.

Esta norma permite establecer el estilo que se aplicará a los hipervínculos (etiqueta .a): una fuente llamada Tahoma (font-family) con caracteres de 11 píxeles (font-size).

En el documento HTML, la sintaxis a seguir es el siguiente:

<HTML> 
<HEAD> 
<link href="../style.css" rel="stylesheet" type="text/css"> 
</HEAD> 
<BODY> 
<etiqueta> ... </etiqueta> 
... 
</BODY> 
</HTML>
  • Link: define la naturaleza del enlace.

  • rel="stylesheet": indica que el navegador trata con una hoja de estilos externa.

  • type="text/css": este atributo precisa que se trata de una hoja de estilos CSS. ...