INTRODUCCION A PROGRAMACION WEB HTML CON CSS
Introducción Estilos

_____________________________________________________________________________________________________
1. Estilos
Antes de que se generalizara el uso de CSS, los diseñadores de páginas web utilizaban etiquetas HTML especiales para modificar el
aspecto de los elementos de la página. El siguiente ejemplo muestra una página HTML conestilos definidos sin utilizar CSS:
“Ejemplo”

Titulo de la página

Un párrafo de texto no muy largo.

El ejemplo utiliza la etiqueta con sus propiedades o atributos color, face y size para definir el color, eltipo y el tamaño de letra
de cada elemento de la página.
Si la página tuviera 20 elementos diferentes, habría que insertar 20 etiquetas , como cada etiqueta tiene tres atributos,
habría que definir 60 atributos.
La solución que propone CSS es mucho mejor, como se puede ver en el siguiente ejemplo:
“Ejemplo con estilos”



h1 { color: red; font-family: Arial}
p { color: gray; font-family: Verdana;font-size:100%;}

Titulo de la página

Un párrafo de texto no muy largo.

En el ejemplo anterior, se crea una zona especial en la que se incluye toda la información relacionada con los estilos de la página.
Utilizando CSS, se pueden establecer los mismosestilos con menos esfuerzo y sin ensuciar el código HTML de los contenidos con
etiquetas .
La etiqueta