Si alguien que no utiliza los estándares tiene en algún momento que rediseñar un sitio de 50 páginas, debería cambiar el diseño en cada una de las 50 páginas, pudiendo tomarse días para ese fin.
En cambio, si utiliza CSS, solo debería cambiar algunas líneas en el código y todo el sitio -automáticamente- cambiaría de look. en tan solo minutos.
De un tiempo atrás muchos diseñadores web optaron (y siguen haciéndolo) por la utilización de tablas para el diseño de páginas webs, de esta forma, el uso que daban a las tablas era como elementos de estilo cuando su verdadero cometido es albergar contenido.
La maquetación CSS consiste en utilizar capas (layers) que en HTML se definen con las marcas <div></div> (de apertura y cierre, respectivamente) para estructurar la aplicación web, como alternativa a las tablas y los marcos (frames).
Así, podemos nombrar cada capa con el atributo id de manera que podremos definir las propiedades de dicha capa en el archivo CSS externo al documento, aunque también se puede incluir el código CSS en la misma página que el HTML, pero es poco funcional (es convieniente hacer uso de la modularidad para hacer más facil el mantenimiento). Un ejemplo de utilización de la marca div sería:
Ejemplo.html ... dentro del body
<div id="capa1"><br> Aquí, va lo que nos venga en gana: imágenes, texto, etc.<br> </div>
Estilo_Ejemplo.css
#capa1 { /*aquí definimos las propiedades de la capa*/background-color: #fff; margin: auto; color: #000; }
Entonces tenemos que cuando aplicamos CSS a nuestros diseños elproceso de maquetación (o diagramación) se da como veremos pulsando en el gráfico.