Introducción

CSS (hojas de estilo en cascada)

Link de interés

1. Selector adyacente

2. Selector de hermanos

3. Selector de atributos

4. Pseudo-clases

5. Pseudo-elementos

Conceptos fundamentales

• Cascada

• Herencia

• Especificidad

Link de interés

Cascada:  https://specificity.keegan.st/

Buenas practicas en CSS

Cosas Prohibidas

• Estilos en línea

• darle estilos a los ID

• @import

• usar !important

• Usar Floats para construir un Layout

• Cuidado con escribir background:red; (Se debería ser background-color:red)

• Usar 0px, 0%, 0rem, 0em (se debería colocar 0)

Recomendaciones

• Usar la Convención de nomenclatura apropiada (Algo como Bem es una buena opción)

• Shorthand CSS

• Combinar Elementos CSS

• Crear clases de ayuda

Cosas hermosas de CSS

• FlexBox

• CSS Grid – SubGrid

• Multi-column Layout

• CSS in JS

• Animaciones

• Object-fit

• Clip-path

• Blend-mode

• Shapes

• Fuentes Variables

• Scroll Snapping

• CSS Houdini

• CSS Art

Link de interés