Cascadas de Estilo Java Script

Creación y uso de Hojas de Estilo
Definición de Hojas de Estilo con la etiqueta
Definición de Hojas de Estilo en Ficheros Externos
Definición de Clases de Estilo
Definición de Estilos Individuales con Nombre
Uso de Criterios de Selección Contextual
Especificación de Estilos para Elementos Individuales
Combinando Hojas de Estilo
Propiedades de Formato de Elementos de Bloque
Formato deBloques: Introducción y Ejemplos
Márgenes
Bordes
Separadores
Herencia de Propiedades de Formato de Bloque
Manual de Referencia de Hojas de Estilo
Comentarios en las Hojas de Estilo
Nuevas etiquetas HTML
Nuevos atributos para las etiquetas HTML
RADs

DHTML

1

Nuevas propiedades de objetos JavaScript
Propiedades de las Hojas de Estilo
Unidades

Creación y hojas de EstiloDefinición de Hojas de Estilo con la etiqueta
Para definir una hoja de estilo directamente dentro de un documento se utiliza la etiqueta dentro de la sección ... . La
etiqueta abre la hoja de estilo, y la etiqueta la cierra. Asegúrate de utilizar antes de . Cuando use podrá
especificar el atributo type para indicar que tipo de sintaxis se va a emplear. Los dos posibles son "text/css" y"text/javascrip". EL valor por defecto es
"text/css". El siguiente ejemplo define una hoja de estilo que especifica que todos los títulos de nivel 4 serán en mayúsculas y azules, y todos los
bloques en cursiva y rojos:
Sintaxis CSS


h4 {text-transform: uppercase; color: blue;}
blockquote {font-style: italic; color: red;}



...

Sintaxis JavaScript


tags.h4.textTransform = "uppercase"tags.h4.color = "blue"
tags.blockquote.fontStyle = "italic"
tags.blockquote.color = "red"



RADs

DHTML

2

...

Uso de la hoja de estilo
Este titulo es azul y esta en mayúsculas.
Este bloque en cursiva es rojo.
Resultado del ejemplo
ESTE TITULO ES AZUL Y ESTA EN MAYÚSCULAS.
Este bloque en cursiva es rojo.

Definición de Hojas de Estilo en Ficheros Externos
Se puede definiruna hoja de estilo en un fichero distinto del que contiene la página y después enlazarlos. Las ventajas de este método son que
podremos utilizar la hoja de estilo desde cualquier documento HTML. Se podría pensar en una hoja de estilo así definida como en un patrón que pudiera
aplicarse a cualquier documento. De esta forma, se puede aplicar un estilo a todas las páginas servidas desde un sitio Websin más que incluir un
enlace al fichero con el estilo en cada página.
La sintaxis para definir estilos en ficheros es idéntica a la que se usa para definirlos en el propio documento, excepto que no es necesario incluir la
etiqueta . He aquí un ejemplo:
Sintaxis CSS
/* hoja de estilo externa estilo.html */
all.BOLDBLUE {color: blue; font-weight: bold;}
h1 {line-height: 18pt;}
p {color:yellow;}
/* fin de fichero */
Sintaxis JavaScript
/* hoja de estilo externa estilo.html */
tags.BOLDBLUE.all.color = "blue";
tags.BOLDBLUE.all.fontWeight = "bold";
tags.h1.lineHeight = "18pt";
tags.p.color = "yellow";
/* fin de fichero */
Para utilizar esta hoja de estilo, se usa la etiqueta como se muestra en el siguiente ejemplo:
Sintaxis CSS

El titulo

RADs

DHTML

3
Sintaxis JavaScript

El titulo



Definición de Clases de Estilo
Si un documento incluye o se enlaza con una hoja de estilo, todos los estilos definidos en dicha hoja podrán utilizarse en cualquier punto del
documento. Si la hoja de estilo especifica el estilo de una etiqueta HTML, entonces todas las etiquetas de ese tipo en el documento utilizarán dicho
estilo. Puede haber casos en queinterese aplicar un estilo selectivamente. Por ejemplo, se puede querer que los párrafos de un documento sean unas
veces rojos y otras veces azules. En este caso definir un estilo que se aplique a todos los párrafos no será la solución correcta. Podemos obtener el
efecto deseado definiendo una clase de estilo y especificando cuando queremos que sea utilizada. Para aplicar una clase de estilo a un...