WebTaller - Aprender CSS - Aplicación directa en etiquetas

Aplicación directa en etiquetas

Por Lola Cárdenas.
rinconprog.metropoli2000.com

Tenemos varias posibilidades para definir un estilo: especificarlo directamente en la etiqueta en la que queremos usarlo, definirlo aparte y aplicarlo en las etiquetas que queramos, o definir estilos globales para las etiquetas (que podrán ser cambiados en las que no se desee aplicarlos).

Para aplicar un estilo a una etiqueta concreta, usaremos la sintaxis:

<etiqueta STYLE="propiedad1:valor;...;propiedadN:valor"> ... </etiqueta>
Etiqueta es la etiqueta de HTML en la que queremos dar una apariencia concreta (<P>, <B>, <I>, ...). STYLE es el parámetro que indica que vamos a aplicar el estilo definido a continuación a la etiqueta en la que se encuentra. La definición del estilo son pares propiedad:valor separados por punto y coma. Propiedad será la característica de la etiqueta que queramos modificar (el color, el tamaño de la fuente, el tipo de letra, ...) y valor es el valor que queremos darle (color negro, 8 puntos de tamaño de letra, ...).

Por ejemplo, si tenemos un texto en negrita y queremos que salga con un tamaño de letra 14 y en color verde, haremos:

La negrita que vemos <B STYLE="font-size:14pt;color:green">es más grande y está en verde</B>.
cuyo efecto es:

La negrita que vemos es más grande y está en verde.