<style type="text/css">
</style>
Entre estos comandos de estilo, colocamos el elemento que deseamos que se juste a dicho estilo,
por ejemplo, el titulado mayor.Seguidamente anotamos todos los datos necesarios para que se ejecute
el estilo.Para empezar con algo sencillo, definiremos el color:
<style type="text/css">
h1{color:red}
</style>
Observamos que, en lugar del signo = ,se utiliza el signo: y que los corchetes en
ángulo son reemplazados por { y }.
En el siguiente ejemplo, se ha realizado un documento muy sencillo en html
con una indicación sobre el color del titulado. Ciertamente, para un documento tan
simple, era innecesario utilizar hojas de estilo. El ahorro de trabajo se advierte cuando
debemos realizar numerosas páginas con el mismo estilo o combinando estilos.
Para finalizar esta lección, realizaremos un ejemplo más completo. Si te interesa
el tema, por favor, escríbeme.
<style type="text/css">
body{background:pink}
H1{color:bronze;
font-weight :bold;
font-size: 12pt;
line-height:14pt;
font-family:Arial, Helvetica,sans-serif;}
p{color:green;
font-weight :bold;
font-size: 10pt;
line-height:11pt;
font-family:Arial, Helvetica,sans-serif;}
</style>
|