Ejemplo de HTML y CSS

El taller de Desarrollo Web del Proyecto Nahual en Bariloche, comenzamos a ver de que se trata CSS, y que tiene que ver con HTML que es lo que venimos viendo hasta ahora.

La idea que se encuentra detrás del desarrollo de CSS es separar la estructura de un documento HTML de su presentación.

Vamos a ser un ejemplo de como usarlo,

Los pasos para crear nuestra primer clase en CSS son los siguientes,

1er Paso: generamos un archivo HTML. Como el siguiente:
https://github.com/lucaspassa/nahualdw/blob/master/ejemplos/htmlycss/index.html
 
2do Paso: creamos carpeta y archivo .css. 
Por prolijidad se genera una carpeta css que incluira todo los archivos .css
https://github.com/lucaspassa/nahualdw/blob/master/ejemplos/htmlycss/css/style.css

 3er Paso: Vinculamos el css desde el html, y agregamos la clase a la etiqueta que queramos.
Entre las etiquetas del head referenciamos al archivo que contiene nuestra hoja de estilos

4to paso Probamos :)


Una herramienta muy util para los desarrolladores trabajando tanto desde el explorador Firefox como en Chrome son las funciones de inspección de código, que permite hacer pruebas en tiempo real sobre el código html, css, js, etc

Fuente:
https://es.wikipedia.org/wiki/Hoja_de_estilos_en_cascada