Índice

Etiquetas SPAN y DIV PROPIEDADES CSS:SPAN PROPIEDADES CSS:DIV

A menudo, deberá aplicar en el mismo párrafo estilos diferentes, como por ejemplo, para cambiar solamente una línea (inline-level). En este caso, utilizamos la etiqueta <SPAN>. Este es un ejemplo:

Pondremos una <span class="importante">palabra resaltada</span> para destacar mejor su importancia.

Aplicamos a esta frase un estilo definido en las declaraciones de los encabezados de la siguiente manera:

.importante {color: red ; font-size: 14pt ; }

Otra solución consiste en utilizar esta sintaxis:

<span style= "font-size: 14pt ; color: red ; >"..."</span>

En lugar de utilizar una clase que se coloca en el encabezado de la página HTML, se define una regla de estilo puntual como en el ejemplo siguiente:

Pondremos una <span class="importante">palabra resaltada</span> para destacar mejor su <span style= "font-size: 16pt ; color: red ;">importancia</span>.

También puede anidar las etiquetas <SPAN>:

<span style=" color: blue ; "> Vamos a poner una palabra <span  
style= " font-size: 14pt ; font-weight;: bold ; color: red ; " >  
resaltada </span> para destacar mejor su importancia. </span>

Si se debe aplicar una regla a varios párrafos que forman un bloque (block-level), debe utilizar la etiqueta <DIV>:

<div class="linea">...los diferentes párrafos que forman su texto...</div>

Este estilo ...