Tecnico Informatico

CSS1
manual de referencia

Autor: Jorge Sánchez (www.jorgesanchez.net) año 2003

Basado en la normativa sobre CSS1 disponible en:
http://www.w3.org/TR/1999/REC-CSS1-19990111

Manual de referencia de CSS1- Jorge Sánchez ’2003

2

Justificación de CSS
CSS es la abreviatura de Cascade Style Sheets, hojas de estilo en cascada. Esta
tecnología pretende eliminar los problemas que tieneel HTML. HTML tiene el
problema de que es difícil controlar exactamente el formato de las páginas Web. Con
CSS se pretende crear documentos que especifiquen claramente como deben actuar
las etiquetas de HTML.
De hecho con CSS se intenta evitar la excesiva utilización de tablas en las páginas
y el uso de los llamados “trucos HTML”. En su lugar no se indica en el código HTML
el estilo deldocumento sino que se indica lo que es cada elemento de la página. El
formato en el que se muestra cada objeto es lo que se define mediante CSS.

Versiones CSS
Hay actualmente tres estándares CSS:

1>

CSS1. Formatos del texto, párrafo, fondo, colores, márgenes y listas.

2>

CSS2. Posicionamiento (capas, CSSP), soporte de XML,
descargables, funciones de impresión, algunos comportamientos.3>

CSS3. (En borrador). Soporte para texto vertical, columnas. Comportamientos avanzados e integración con gráficos y fuentes.

fuentes

Ventajas
Se ahorra código porque cuando los estilos se repiten, no hace falta repetir
todo el código
Además se ahorra código porque los estilos creados pueden servir para todo
el sitio web
La modificación de la página es más sencilla (si seutiliza adecuadamente)
El código HTML es mucho más sencillo

Desventajas
No todos los navegadores lo soportan (sólo versiones 4 o superior de
Explorer y Netscape lo hacen más o menos adecuadamente)
No se sigue el estándar por todos los navegadores por lo que el resultado del
CSS difiere de un navegador a otro (Opera, Konqueror y Mozilla - Netscape
6/7 son los más fieles con el estándar, Explorerimplementa numerosos
códigos propios)

Inserción de códigos CSS
En una etiqueta de HTML
Se puede escribir código CSS dentro de una etiqueta HTML de formato (P por
ejemplo). En ese caso la acción del código se aplicará para el texto que esté dentro de

Manual de referencia de CSS1- Jorge Sánchez ’2003

3

la etiqueta. Hay que hacer uso en este caso del atributo STYLE de las etiquetasde
formato. Ejemplo:
Hola
En este caso la palabra Hola aparecerá en letra Arial.

En una página HTML
Para escribir código CSS en una página HTML hay que hacer uso de la etiqueta
en la cabecera (head) del documento. De esta forma:

código CSS

La etiqueta se debe poner dentro de la cabecera de la página (etiqueta HEAD). En este
caso, el código así escrito afecta a todo el código HTML.Ejemplo:

p{
color:red;
}

Eso hace que todas las etiquetas p de la página web aparezcan de color rojo.
En navegadores antiguos sin soporte para CSS se ignorará la etiqueta style pero
no el contenido de ésta, que será considerado un texto normal y se mostrará al
principio de la página.
Para evitar este efecto en navegadores antiguos y hacer que se ignore el código
CSS se coloca el textoCSS entre comentarios, de esta forma:



Los navegadores modernos ignorarán el comentario y los navegadores viejos sí le
harán caso y se saltarán el código.

En un archivo separado
Se puede también escribir código CSS en un archivo de texto cuya extensión debe ser
CSS. Más tarde se puede vincular este archivo a la página Web que desee utilizar los
estilos definidos en el archivos.
Laimportancia de los estilos CSS es mayor si estos se escriben en un archivo
separado. De ese modo podremos aplicar los estilos definidos en el archivo a la página

Manual de referencia de CSS1- Jorge Sánchez ’2003

4

que queramos. Esto proporciona una mayor homogeneidad y mayor facilidad de
modificación del formato.
El archivo de los estilos deberá tener extensión CSS y sólo contendrá...