Páginas de estilo en cascada Uso de herramientas para aplicaciones web 4101 Jennifer Andrea Mejía Díaz

1. Jennifer Andrea Mejía Díaz

2. CSS son las siglas de "Cascade StyleSheet".
Se trata de una especificación sobre los
estilos físicos aplicables a un documento
HTML, y trata de dar la separación definitiva
de la lógica (estructura) y el físico
(presentación) del documento.

3. *CSS es un lenguaje utilizado en la presentación
de documentos HTML. Un documento HTML
viene siendo coloquialmente “una página
web”. Entonces podemos decir que el lenguaje
CSS sirve para organizar la presentación y
aspecto de una página web. Este lenguaje es
principalmente utilizado por parte de los
navegadores web de internet y por los
programadores web informáticos para elegir
multitud de opciones de presentación como
colores, tipos y tamaños de letra, etc.

4. Algunas opciones básicas del lenguaje CSS por
ejemplo pueden ser el poder cambiar el color de
algunas típicas etiquetas HTML como <H1> (h1 es
una etiqueta en el lenguaje HTML destinada a
mostrar un texto como encabezado, en tamaño
grande). Pero también hay funciones algo más
complejas, como introducir espaciado entre
elementos <DIV> (div es una etiqueta HTML para
identificar una determinada región o división de
contenido dentro de una página web) o
establecer imágenes de fondo.

5. CSS es muy intuitivo y sencillo una vez se llega a
aprender, ya que para su definición siempre se hace
uso de un identificador de etiqueta HTML (como por
ejemplo <H1>), y luego indicamos con qué aspecto
queremos que se muestren todas las etiquetas <H1>
que aparezcan en un documento. Al igual que con
<H1> podemos definir cómo queremos que se
muestren las distintas partes del documento HTML,
pudiendo en cada caso definir sus propiedades (color,
tipo de fuente, tamaño, espacio, imagen) con algún
determinado valor deseado

6. El siguiente ejemplo muestra una página HTML con
estilos definidos sin CSS:

7. El ejemplo anterior utiliza la etiqueta <font> con sus
atributos color, face y size para definir el color, el tipo y
el tamaño de letra de cada elemento de la página.
El problema de utilizar este método para definir el
aspecto de los elementos se puede ver claramente con
el siguiente ejemplo: si la página tuviera 50 elementos
diferentes, habría que insertar 50 etiquetas<font>. Si el
sitio web entero se compone de 10.000 páginas
diferentes, habría que definir 500.000 etiquetas <font>.
Como cada etiqueta <font> tiene tres atributos, habría
que definir 1.5 millones de atributos.

8. Como el diseño de los sitios web está en
constante evolución, es habitual modificar cada
cierto tiempo el aspecto de las páginas del sitio.
Siguiendo con el ejemplo anterior, cambiar el
aspecto del sitio requeriría modificar 500.000
etiquetas y 1.5 millones de atributos.

9. La solución que propone CSS es mucho mejor, como se
puede ver en el siguiente ejemplo:

10. CSS permite separar los contenidos de la página
y la información sobre su aspecto. En el ejemplo
anterior, dentro de la propia página HTML se
crea una zona especial en la que se incluye toda
la información relacionada con los estilos de la
página.