Manual html

Solo disponible en BuenasTareas
  • Páginas : 10 (2254 palabras )
  • Descarga(s) : 0
  • Publicado : 27 de septiembre de 2010
Leer documento completo
Vista previa del texto
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 de Bloques: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 Estilo
Definición de Hojas deEstilo 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 pordefecto 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 definir una hoja de estilo en un fichero distinto del quecontiene 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 Web sin más que incluir un enlace al fichero con elestilo 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 deestilo 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 undocumento 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 que interese aplicar un estilo selectivamente. Por ejemplo, se puede querer que lospá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 elemento HTML, primero se debe definir la clase en la hoja de estilo, y después se...
tracking img