El tiempo de descarga del sitio es mucho menor ya que no está estructurado en formas de tablas.
Podemos incluir muchas de las imágenes como fondos de las clases del CSS, limpiando de esta manera aún más el código sin afectar la estética final.
Mejoramos notablemente el posicionamiento ya que mostramos un código limpio al buscador, dándole además la información sobre la jerarquía de los contenidos que presentamos. Orientando mejor las búsquedas sobre las palabras claves de búsqueda por las cuales queremos que nos encuentren y relegando aquellas que no nos interesen en primera instancia.
Podemos “enmascarar” el perfil del sitio como por ejemplo “Service One, Servicio Técnico” sin necesidad de que nuestro diseño visual tenga que tener una fuente Times New Roman Bold de 22pt. Esto se logra por ejemplo definiendo al comienzo del sitio el h1 con el texto: “Service One, Servicio Técnico”. Luego, cuando comencemos a desarrollar el CSS del sitio, editemos la etiqueta h1 como en el siguiente ejemplo:
Al usar hojas de estilo junto con las etiquetas <SPAN> y <DIV> se puede especificar la ubicación del texto o de las imágenes dependiendo de los píxeles. Esto es posible en versiones 4 y superiores de Netscape e Internet Explorer; sin embargo, la técnica todavía es difícil y puede causar problemas de compatibilidad.
Con posicionamiento CSS, se puede colocar un elemento en el lugar exacto que se quiera de la página. Junto con las flotaciones [propiedad float] (véase la lección 13), el posicionamiento proporciona muchas posibilidades de crear presentaciones avanzadas y precisas.