Curso: CSS Desde Cero (2018)

1.1. Introducción

1.2 - Historia

1.3 - Modulos CSS

1.4 - Conectar HTML y CSS

1.5 - Sintaxis de CSS

1.6 - Variables CSS

2.1 Selectores level 1,2,3,4

2.2 - Selectores de Etiqueta

2.3 - Estilos del navegador

2.4 - Selectores de clases

2.5 - Selectores de ID

2.6 - Selector universal

2.7 - Selectores case sensitive y case insensitive

2.8 - Selectores agrupados

2.9 - Selectores descendientes

2.10 - Selector hijo directo

2.11 - Selector hermano siguiente

2.12 - Selector hermanos siguientes

2.13 - Selector de atributo

2.14 - Selector de atributo comienza con

2.15 - Selector de atributo termina con

2.16 - Selector de atributo que contiene

3.1 - Introducción y arquitectura

3.2 - Especificidad

3.3 - Cascada

3.4 - Estilos computados por el navegador

3.5 - Herencia

3.6 - Initial inherit

4.1 - Layout

4.2 - Elementos inline y de bloque

4.3 - Box model

4.4 - Margin

4.5 - Colapsado de margenes verticales

4.6 - Padding

4.7 - Dimensiones

5.1 - Bordes

5.2 - Propiedades de border

5.3 - Shorthand de border

5.4 - Border radius

5.5 - Practica con border radius

5.6 - Outline

5.7 - Box shadow

6.1 - Background color

6.2 - Background image y background repeat

6.3 - Background clip y background origin

6.4 - Background size

6.5 - Background position

6.6 - Background attachment

6.7 - Background multiples

6.8 - Shorthand background

7.1 - Unidades em y rem

7.2 - Direction y text indent

7.3 - Text align

7.4 - Line height

7.5 - Vertical align

7.6 - Letter spacing y word spacing

7.7 - Text decoration

7.8 - Text shadow

7.9 - White space y desbordamiento

7.10 - Texto vertical y text rendering

7.11 - Text transform

8.1 - Font family

8.2 - Font size

8.3 - Font weight y font style

8.4 - Tip: combinación de fuentes tipográficas

8.5 - Shorthand font y proveedores de fuentes

9. Pseudoclases

10.1 - Introducción a pseudoelementos

10.2 - First line

10.3 - First letter

10.4 - Before y after

10.5 - Before y after e imprimir atributos

10.6 - Before y after e imprimir imagenes

10.7 - Quotes

10.8 -Ejercicio: formatear moneda

10.9 -Ejercicio: subrayado animado

10.10 - Ejercicio: aspect radio

10.11 - Ejercicio: dibujar corazón

11.1 - Estructura de las listas

11.2 - list-style-type

11.3 - list-style-image

11.4 - list-style-position

11.5 - Contador

11.6 - Contador en listas anidadas

11.7 - Ejemplo de contadores

12.1 - Conceptos base de color

12.2 - Color keywords

12.3 - Modo de color RGB

12.4 - Modo de color HSL

12.5 - Degradados lineales

12.6 - Stops

12.7 - Ángulos y degradados lineales repetitivos

12.8 - Degradado radial

12.9 - Keywords y degradado radial repetitivo

12.10 - Ejercicio con degradados

13.1 - Espacio reservado y flujo

13.2 - Propiedad offset

13.3 - Position relative

13.4 - Position absolute

13.5 - Ejercicio menú desplegable

13.6 - Ejercicio cart