Estilos CSS

Cuando nos encontramos dentro de un bloque <STYLE>, podremos redefinir las propiedades de los
propios elementos estándar de HTML (elementos raíz) y crear nuevas clases que podremos emplear
para ampliar el formato de los elementos HTML existentes.
Para modificar un elemento raíz, especificaremos el tag HTML y entre corchetes colocaremos los
atributos de estilo, como aparece en el Código fuente 39.
<STYLE TYPE=”text/css”>
BODY
{
color: #000;
background: #FFF;
margin-left: 4%;


margin-right: 4%;
font-family: verdana, helvetica, sans-serif;
}
</STYLE>
Código fuente 39
Para crear nuevas clases de estilos, dentro del bloque <STYLE> colocaremos el nombre de la clase
precedido del símbolo punto (“.”) y después entre corchetes, los modificadores de estilo.
<STYLE TYPE=”css/text”>
.amarillo { background: #ff9 }
.azul { background: #cff }
.gris { background: #999 }
</STYLE>
Código fuente 40
Nota: Cuando especificamos un elemento raíz, su propia definición ya se aplica al documento, pues permiten
modificar el cómo el navegador interpreta los formatos por defecto de cada tag HTML. En el caso de las clases
no ocurre así. Es el diseñador del documento el que tiene la responsabilidad de especificar qué tags HTML deben
asumir la nueva clase CSS.
<P CLASS=”amarillo”>Texto con fondo en amarillo</P>
<P CLASS=”azul”>Texto con fondo en azul</P>
Código fuente 41