Equidad de genero

CSS Hojas de estilo es cascada
Autor: Marcelo Ruiz (http://www.webabierta.com) - 20/01/2003

Uno de las últimas novedades del HTML 4.0 es la implementación de las hojas de estilo. Con ellas podremos tener un diseño mucho más prolijo y ordenado. Además separaremos la tarea del diseñador Web de la de los encargado de contenidos.
Las hojas de estilo CSS, son una novedad del lenguaje HTML 4.0.Las mismas permiten definir una serie de estilos para luego aplicarlos a una página o, incluso, a un grupo determinado.
Con las hojas de estilo CSS se puede, tanto modificar etiquetas (o TAGS) de HTML, como crear nuevos estilos. Por ejemplo, podríamos hacer que todas las tablas tengan color de fondo celeste y texto en color blanco, simplemente redefiniendo la etiqueta .
Los estilos se definen dela siguiente manera:

selector1,selector2{propiedad1:valor1;propiedad2:valor2}

Por ejemplo:

A:link,A:visited{font-style:bold;color:yellow}

En este ejemplo todos los hipervínculos no visitados (A:link) y los visitados (A:visited) aparecerán en negrita (bold) y en amarillo (yellow)
Dónde definir las hojas de estilo
Los estilos se pueden definir en el encabezado de la página HTML (entrelas etiquetas y ) o en un archivo externo que llevará la extensión .css.
La ventaja de utilizar un archivo externo nos permitirá el uso de las definiciones de estilo en todas las páginas de nuestro sitio. De esta forma si queremos hacer algún cambio en el estilo de nuestras páginas, lo tendríamos que hacer en un único archivo (el CSS).
Cabe destacar que las hojas de estilo CSS no solo funcionanpara dar formato al texto, sino también a las tablas, listas, párrafos y capas, entre otros.
Formas de definir los estilos
Existen varias maneras de definir estilos CSS ya sea tanto para redefinir las etiquetas standard, como para crear nuevos estilos.
• Definiéndolos y aplicándolos para determinadas etiquetas en todo el
documento:

H1{color:orange;font-style:italic}

En este caso H1 es laetiqueta del Titular de mayor tamaño y cada vez
que se lo defina aparecerá en color naranja y en cursiva.
• Estilos "in line", que solo se utilizarán una vez y por esta razón se los
define como valores de la propiedad style.

Aca va un parrafo en azul, resaltado y en negrita

En este caso, el estilo se aplica a un párrafo.
• Como clases de estilos: podemos crear clases de estilos propiosque usaremos, a voluntad, en las etiquetas que queramos. Para crear una clase, el nombre debe comenzar con un punto y no puede contener caracteres como acentos o eñes.

.textoarial{font-face:arial;color:#ffffff;fontstyle:
bold;background:#000000}

Ahora, para aplicarlo, por ejemplo, al cuerpo del documento (etiqueta ), se debe utilizar el atributo class:

Este texto es de clase textoarialUna clase se puede aplicar a distintas etiquetas, en este caso se aplicó a todo el cuerpo del documento. Se puede crear también una clase a partir de una etiqueta HTML. En este caso, se define de este modo:
P{font-family:arial;color:blue}
P.negrita{font-weight:bold}
Y se utiliza de la siguiente forma:
Parrafo con letra ARIAL y color azul

Igual que antes pero, además, en negrita
• Tambiénse pueden utilizar identificadores cuando se quiere aplicar un estilo a uno o a varios elementos, los cuales pueden haberse definido con anterioridad o no por lo que se pueden hacer modificaciones y excepciones. Se los define con el carácter almohadilla (#)

table{font-family:courier;background:#CCFFFF}
#resaltado{font-size:1.5em;font-weight:bold}

Para utilizarlo, por ejemplo, en una celda,utilizamos el atributo id:
Ocupación Estudiante de Ingeniería
En esta tabla, se aplicará el formato definido para la etiqueta table, pero en la primer celda se aplica un identificador para aumentar el tamaño del texto y pasarlo a negrita.
Vínculos de hojas de estilo externas
Dijimos anteriormente que es posible crear una sola hoja de estilos CSS global y guardarla en un archivo con...