Se pueden hacer estilos propios dándole un nombre al estilo que queramos definir en la hoja de estilos y luego para llamarlo lo haremos con el atributo class en la etiqueta que queramos aplicar el estilo. La sintaxis de la hoja de estilos sería de la siguiente forma
p.estiloB {
font-size: 23pt;
font-weight: bold;
font-family: courier;
text-align: right;
}
p.estiloA {
font-size: 15pt;
color: #CCCCCC;
font-family: verdana;
}
Para asignar los diferentes estilos en el documento se utilizaría la siguiente sintaxis
<p class="estiloA">Texto con estiloA</p>
<p class="estiloB">Texto con estiloB</p>
El resultado será que cada párrafo tendrá su estilo
correspondiente al atributo class asignado, el primer párrafo el estiloA
y el segundo párrafo el estiloB.
Otra posibilidad es definir un estilo en la hoja de estilos sin
asignárselo a ninguna etiqueta, con lo cual cualquier etiqueta
podría usar este estilo mediante el atributo class. Veámoslo
estilo {
font-size: 13pt;
font-family: verdana;
text-align: center;
}
Este estilo podemos aplicarlo ahora en cualquier etiqueta
<h2 class="estilo">Estilo aplicado en la etiqueta
h2</H1>
<p class="estilo">Estilo aplicado en el
párrafo</P>
Diseño web de Hooping