Empezando con CSS parte 2

Nuevamente vengo con las famosas CSS, pero esta vez haré una serie de entradas sobre el tema para ir aprendiéndolo poco a poco...tomen en consideración que soy una neófita por lo que puedo incurrir en algún error (conste que les advertí) si ven alguno, hagánmelo saber para corregir y seguir mejorando.

Empezaremos por explicar de una forma más amplia lo que son los estilos en cascada (CSS) basándome en lo que voy aprendiendo de la página web desarrolloweb.com. Espero les sea de ayuda (y a mi también).

Las CSS se crearón debido a las limitaciones que tiene el HTML, ya que sólo se podía montar las imágenes, el texto, etc. en tablas, lo cual no es recomendable porque no fueron hechas para ello teniendo así problemas para visualizar las páginas en distintas plataformas, más aparte la dificultad de modificar un sitio en el "río de etiquetas" utilizadas, haciendo más difícil el trabajo.

Las CSS precisamente ayudan a resolver estos problemas, entre sus ventajas está que podemos modificar todo un sitio web por medio de un sólo documento .css, podemos modificar sólo una porción de la página, se le pueden atribuir varios estilos a una sóla etiqueta, maneja varias unidades de medida (pixeles, pulgadas, centímetros y puntos) entre otros beneficios.

Para ejemplificarlo, les dejo un esquema en donde se puede ver sus formas de usarlo:

Bueno, eje...no podré poner el código fuente para que lo copien directamente de aquí, solo lo pondré como imagen porque si lo pongo, la entrada lo lee como código css y se modifica, y es así más complicado!

Espero que les haya quedado claro, como vieron hay cinco formas, los fui poniendo del más general a el más particular, cuando vaya avanzando les explicaré con más detalle :)

Les dejare los archivos de los ejemplos que puse en la imagen, incluyendo el primero que vimos en la anterior entrada.

Ya les diré después de que tratará la siguiente entrada.

Este es el archivo con los ejemplos subido en box.net:
http://www.box.net/shared/tz1k3n2df5