Está en la página 1de 3

I.

- ENSAYO SOBRE EL SURGIMIENTO DE LOS ESTILOS CSS (10 LNEAS)


Las hojas de estilo son conjuntos de instrucciones que se asocian a los archivos de texto y se ocupan de los aspectos de
formato y de presentacin de los contenidos.
En el ao 1970, las hojas de estilo se crearon por la necesidad de definir un sistema o mecanismo para aplicar estilos a los
documentos electrnicos. Debido a la guerra de navegadores y la falta de un estndar de definicin de estilos era difcil
crear documentos con la misma apariencia para cada uno de los navegadores de hoy en da, por este motivo el organismo
W3C, propuso la creacin de un lenguaje de de hojas de estilos especficos para el lenguaje HTML. Las dos propuestas mas
importantes fueron:

CHSS (Cascading HTML Style Sheets), realizada por Hkon Wium Lie.
SSP (Stream-based Style Sheet Proposal), realizada por Bert Bos.

Entre los aos 1994 y 1995, ambos desarrolladores se unieron para definir un lenguaje que tomaba lo mejor de las dos
propuestas y lo llamaron CSS (Cascading Style Sheets). En 1995, el W3C estandariz el CSS y lo aadi a su grupo de
trabajo de HTML. A finales de 1996, se public la primer recomendacin oficial, CSS nivel 1. En 1998, se publica la
segunda recomendacin conocida como CSS nivel 2. Actualmente, se utiliza la versin 2.1 aunque ningn navegador tiene
soporte completo y la versin CSS 3 continua en desarrollo desde 1998.
II.- MENCIONA LAS DIFERENTES FORMAS DE UTILIZAR ESTILOS CSS DENTRO DE UN DOCUMENTO
XHTML.
Existen tres formas de incluir un estilo dentro de un documento XHTML, la primera es incluirlo dentro del documento en la
cabecera, la segunda referenciando a un documento externo y la tercera incluirla dentro de un elemento XHMTL.

Incluir CSS en el mismo documento HTML:


- Este mtodo se emplea cuando se define un nmero pequeo de estilos o cuando se quieren incluir estilos
especficos en una determinada pgina HTML que completen los estilos que se incluyen por defecto en todas las
pginas del sitio web.
- El principal inconveniente es que si se quiere hacer una modificacin en los estilos definidos, es necesario
modificar todas las pginas que incluyen el estilo que se va a modificar.

Definir CSS en un archivo externo:


- En este caso, todos los estilos CSS se incluyen en un archivo de tipo CSS que las pginas HTML enlazan
mediante la etiqueta <link>.
1. Se crea un archivo de texto y se le aade solamente el siguiente contenido: p { color: black; font-family:
Verdana; }.
2. Se guarda el archivo de texto con el nombre estilos.css Se debe poner especial atencin a que el archivo
tenga extensin .css y no .txt.
3. En la pgina HTML se enlaza el archivo CSS externo mediante la etiqueta <link>.

Incluir CSS en los elementos HTML:


- El ltimo mtodo para incluir estilos CSS en documentos HTML es el peor y el menos utilizado, ya que tiene los
mismos problemas que la utilizacin de las etiquetas <font>.
- Esta forma de incluir CSS directamente en los elementos HTML solamente se utiliza en determinadas situaciones
en las que se debe incluir un estilo muy especfico para un solo elemento concreto.

III.- EJEMPLIFICA LAS MANERAS DE UTILIZAR LOS ESTILOS CSS MENCIONADOS EN EL PUNTO
ANTERIOR.

Incluir CSS en el mismo documento HTML:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Ejemplo de estilos CSS en el propio documento</title>
<style type="text/css">
p { color: black; font-family: Verdana; }
</style>
</head>
<body>
<p>Un prrafo de texto.</p>
</body>
</html>

Definir CSS en un archivo externo:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Ejemplo de estilos CSS en un archivo externo</title>
<link rel="stylesheet" type="text/css" href="/css/estilos.css" media="screen" />
</head>
<body>
<p>Un prrafo de texto.</p>
</body>
</html>

Incluir CSS en los elementos HTML:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Ejemplo de estilos CSS en el propio documento</title>
</head>
<body>
<p style="color: black; font-family: Verdana;">Un prrafo de texto.</p>
</body>
</html>

IV.- MENCIONA LAS REGLAS DE SINTAXIS.


Una de las principales informaciones de cada definicin es la lista de posibles valores que admite la propiedad. Para definir
la lista de valores permitidos se sigue un formato que es necesario detallar.

Si el valor permitido se indica como una sucesin de palabras sin ningn carcter que las separe (parntesis,
comas, barras, etc.) el valor de la propiedad se debe indicar tal y como se muestra y con esas palabras en el mismo
orden.

Si el valor permitido se indica como una sucesin de valores separados por una barra simple ( caracter |) el valor de
la propiedad debe tomar uno y slo uno de los valores indicados. Por ejemplo, la notacin <porcentaje> |
<medida> | inherit indica que la propiedad solamente puede tomar como valor la palabra reservada inherit o un
porcentaje o una medida.

Si el valor permitido se indica como una sucesin de valores separados por una barra doble (smbolo ||) el valor de
la propiedad puede tomar uno o ms valores de los indicados y en cualquier orden.
Por ejemplo, la notacin <color> || <estilo> || <medida> indica que la propiedad puede tomar como valor cualquier
combinacin de los valores indicados y en cualquier orden. Se podra establecer un color y un estilo, solamente una
medida o una medida y un estilo. Adems, el orden en el que se indican los valores es indiferente. Opcionalmente,
se pueden utilizar parntesis para agrupar diferentes valores.

Por ltimo, en cada valor o agrupacin de valores se puede indicar el tipo de valor: opcional, obligatorio, mltiple
o restringido. El carcter * indica que el valor ocurre cero o ms veces; el carcter + indica que el valor ocurre una
o ms veces; el carcter ? indica que el valor es opcional y por ltimo, el carcter {nmero_1, nmero_2} indica
que el valor ocurre al menos tantas veces como el valor indicado en nmero_1 y como mximo tantas veces como
el valor indicado en nmero_2.
Por ejemplo, el valor [<family-name> , ]* indica que el valor de tipo <family_name> seguido por una coma se
puede incluir cero o ms veces. El valor <url>? <color> significa que la URL es opcional y el color obligatorio y
en el orden indicado. Por ltimo, el valor [<medida> | thick | thin] {1,4} indica que se pueden escribir entre 1 y 4
veces un valor que sea o una medida o la palabra thick o la palabra thin.