• Obliga a crear documentos HTML/XHTML bien definidos y con significado completo (también llamados "documentos semánticos").
• Mejora la accesibilidad del documento, al permitir visualizar el mismo documento en infinidad de dispositivos diferentes.
• Facilita su mantenimiento.

p{
font-size : 12pt;
font-family : arial,helvetica;
font-weight : normal;
}
h1{
font-size : 36pt;
font-family : verdana,arial;
text-decoration : underline;
text-align : center;
background-color : Teal;
}
body{
background-color : #FF0000;
font-family : arial;
color : White;
}

• Se utiliza en primer lugar el lenguaje HTML/XHTML para marcar los contenidos, es decir, para designar la función de cada elemento dentro de la página: párrafo, titular, texto destacado, tabla, lista de elementos, etc.
• Una vez creados los contenidos, se utiliza el lenguaje CSS para definir el aspecto de cada elemento: color, tamaño y tipo de letra del texto, separación horizontal y vertical entre elementos, posición de cada elemento dentro de la página, etc.