Clase 3: CSS

Consideraciones

Crear un archivo .gitignore para que no se versionen los index. GitHub sólo reconoce los archivos jpeg., jpg., png., pero no archivos ilustrator o comprimidos.
La sección body del código HTML es lo que se en la pantalla. Mientras que head corresponde a los metadatos.

Sobre CSS

Es el medio por el cual le damos estilo a lo que vamos construyendo y escribiendo en HTML. Por ejemplo, seleccionas el elemento -body- y a eso le das estilo.
En la cascada de estilos, se escribe el selector o contenedor más { y se le comienza a dar propiedades como:

• font-family
• font-size
• width
• etc.

*El navegador toma la tipografía predeterminada que tenga el nombre definido en el CSS.

Recomendaciones de Escritura:

• Sólo un selector y declaración por línea
• Dejar un espacio entre el último selector y la llave de inicio
• Dejar un espacio entre los dos puntos y el valor

¿Cómo insertar una cascada de estilos al documento HTML?

• Se puede insertar tanto en la sección -head- como en -body-. Lo recomendado es hacerlo en -head-.
• Se puede enlazar a múltiples hojas de estilo.

Selectores CSS

Definen sobre qué elementos se aplicará el conjunto de reglas CSS.
Tomo un elemento de HTML y le doy estilo en CSS.
Se pueden llamar etiquetas, atributos con "#" y clases. Para llamar a las clases, se coloca un punto antes del nombre.

Especificidad

Jerarquía de aplicación de estilos sobre un elemento. ¿Cómo se calcula?

• Elementos, pseudo elementos valen 1
• Clases, pseudo clases y atributos valen 10
• Ids valen 100
• Estilos en línea valen 1000

El número más alto es el que va a prevalecer en la aplicación de estilos.

Herencia

Indica si el valor de una propiedad es "heredado" de sus elementos superiores.