Recomendable que de namos estos estilos globales
Enviado por diegovalenzuelam • 10 de Junio de 2015 • 290 Palabras (2 Páginas) • 173 Visitas
Podemos aplicar el mismo estilo a varias etiquetas, escribiendolas separadas por comas
y, a continuacion, la especi cacion del estilo segun pares propiedad:valor separados
por punto y coma y encerrados entre llaves fg. En un bloque de estilo global podremos
de nir cuantos estilos queramos. Aparece un Otros; se re ere a las llamadas clases, que
nos permitiran que una etiqueta concreta tenga una apariencia distinta a la de nida como
global.
Es recomendable que de namos estos estilos globales dentro de la cabecera del documento
(entre <HEAD> ... </HEAD>) para asegurarnos de que se aplicaran a todas las
etiquetas para las que se haya de nido un estilo. Veamos un ejemplo:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<TITLE> Ejemplo con bloque de estilo </TITLE>
<STYLE TYPE="text/css">
<!--
BODY {font-family:Verdana,sans-serif;font-size:x-small;
margin-left:0.25in; margin-right:0.25in}
H2 {font-family:Verdana,sans-serif;font-size:14pt;color:red}
B, TD {font-family:Verdana,sans-serif;font-size:x-small;
color:olive}
TH {font-family:Verdana,sans-serif;font-size:x-small;
color:white;background-color:#0080C0}
PRE, TT, CODE {font-family:Courier New,Courier;
font-size:9pt;color:maroon}
//-->
</STYLE>
</HEAD>
<BODY BGCOLOR=white>
<H2>Prueba de definicion de estilos en un bloque aparte</H2>
Como puede verse, la apariencia de esta pagina queda completamente
definida por los estilos que hemos especificado en el bloque STYLE
en la cabecera del documento. Los margenes son mas amplios de lo
habitual, la <B>negrita</B> tiene un tamano y un color fijos,
los trozos de texto en teletipo como <TT>este fragmento</TT>
tambien tienen definida su fuente, tamano y color, y vamos a ver como
quedan las tablas, para finalizar el ejemplo: <P>
<CENTER>
http://rinconprog.metropoli2000.com 3
Curso de DHTML Lola Cardenas Luque
<TABLE BORDER=1 CELLSPACING=2 CELLPADDING=2>
<TR> <TH>Cabecera 1</TH> <TH>Cabecera 2</TH> </TR>
<TR> <TD>Celda (1,1)</TD> <TD>Celda (1,2)</TD> </TR>
</TABLE>
</CENTER>
</BODY>
</HTML>
Como sabemos de nir estilos globales, sera interesante tenerlos de nidos en un archivo
aparte, pues si queremos dotar a todas las paginas de los mismos estilos, no es tarea grata
copiar y pegar la de nicion de los estilos
...