1 - El siguiente código HTML:

<H1>Título</H1>

es mostrado por el navegador de este modo:

Título


2 - Agregando algunas propiedades dentro de las marcas del código HTML:

<H1 ALIGN="center"><FONT FACE="Arial" COLOR="#0000FF" SIZE="5">Título</FONT></H1> 

obtenemos el siguiente formato:

Título


3 - Utilizando una Hoja de Estilo con la siguiente regla:

H1 {
   font-family: Arial, Sans-serif;
   font-size: 19pt;
   color: #0000FF;
   text-align: center;
}

El resultado será:

Título


4 - Las CSS tienen un juego de propiedades mucho más completo que las permitidas por HTML. En este caso, haremos que los elementos H1 tengan una imagen de fondo, un marco grueso de color rojo, un espacio entre letras de 1 cuadratín y un margen izquierdo y derecho de 1 cm.

Esta es la hoja de estilo:

H1 {
   font-family: Arial, Sans-serif;
   font-size: 19pt;
   color: #0000FF;
   text-align: center;
   background-image: url(cb_gris.jpg);
   border: thick solid red;
   letter-spacing: 1em;
   margin: 0 1cm;
   }

Y el resultado:

Título

HTML sólo permite especificar una imagen de fondo en el elemento BODY y algunos navegadores también lo aceptan en las tablas. En cambio, las CSS permiten que la propiedad background-image y las aproximadamente 100 propiedades del lenguaje se apliquen a cualquier elemento de la página.