La idea que se encuentra detras del desarrollo de CSS es separar la estructura de un documento de su presentacion.
La informacion de estilo puede ser adjuntada como un documento separado o en el mismo documento HTML. En este ultimo caso podrian definirse estilos generales en la cabecera del documento o en cada etiqueta particular mediante el atributo "style".
CSS tiene una sintaxis muy sencilla, que usa unas cuantas palabras claves tomadas del ingl�s para especificar los nombres de sus selectores, propiedades y atributos.
Una hoja de estilos CSS consiste en una serie de reglas. Cada regla consiste en uno o mas selectores y un bloque de estilos con los estilo a aplicar para los elementos del documento que cumplan con el selector que le precede. Cada bloque de estilos se define entre llaves, y esta formado por una o varias declaraciones de estilo con el formato propiedad:valor;. En el CSS, los selectores marcaran que elementos se veran afectados por cada bloque de estilo que les siga, pudiendo afectar a uno o varios elementos a la vez, en funcion de su tipo, nombre (name), ID, clase (class), posicion dentro del Document Object Model, etcetera
Por ejemplo, el elemento de HTML <h1> indica que un bloque de texto es un encabezamiento y que es mas importante que un bloque etiquetado como <h2>. Versiones mas antiguas de HTML permitian atributos extra dentro de la etiqueta abierta para darle formato (como el color o el tamaño de fuente).
No obstante, cada etiqueta <h1> debia disponer de la informacion si se deseaba un diseño consistente para una pagina y, ademas, una persona que leia esa pagina con un navegador perdia totalmente el control sobre la visualizacion del texto.