CSS es todo atributo que tienen las etiquetas html. Por ejemplo:
<div style="width:500px; height:15px; background:black"> </div>
Este contenendor div tiene un ancho y alto definidos con css, y un fondo negro. Su tamaño no depende de su contenido sino de lo que le declaremos.
Un paso mas, es dar las instrucciones en cabecera de pagina:
div {width:500px; height:15px; background:black}
<div> </div>
Asi el <body> queda mas limpio.
XHTML por su lado es HTML pero con algunos ajustes de sintaxis: no se pueden usar mayusculas al escribir atributos o tags, etc. Esto, porque hay sistemas CASE SENSITIVE, donde no da igual mayusculas que minisculas ni en una letra (Unix, al caso).
XHTML sirve para que algunos lenguajes de programacion (del tipo esritorio , por ejemplo) puedan interpretar ok el html.