Curso CSS:

Estructura: selector{ propiedad: valor; }

Css selector:

Universal : *

De tipo : Son los que seleccionamos por elemento

Clases : Agregar atributo classs="NOMBRE"

.Nombre

ID : #NOMBREID - Esto se agrega a lo que queremos editar del HTML. Los ID tienen que ser
unicos.

Por atributo: Nuevoatributo="VALOR"

Css: [Nuevoatributo="valor"] {}

Descendiente: .H2 b {valores}

Pseudo Clases: Pasar por encima y que se pinte es:    b:hover

Especificidad:
con el !important destaca todo

Metodologia BEM:
Unidades:
FontSize: 30px

Medidas relativas:

em=16px

Tamaño,tipografia,altura y grosor

Propiedades de caja:
Con el Display cambiamos el comportamiento de las cajas

Width: 50; se alarga o achica el fondo

Height: 50vh; la altura del recuadro se achica o agranda

Background-color: cambiar color de fondo

Padding: 4 tipos

Padding left: Entre el texto y los bordes izquierdos

Padding top: Entre el texto y los bordes superiores

Padding right: entre los bordes derechos

Padding bottom: bordes superior

Margin: distancia que hay entre las dos cajas

Margin: 10px;

Border-Radius y Border:

Box-Shadow: darle sombra a la caja. Se mueve en X-Y-Tamaño del desenfoque-Borde-

Color

Text-Shadow: Darle sombra al texto: X-Y-Tamaño del desenfoque-Color

Transform: rotate(NUMdeg)

Position: adquiere nuevas propiedades al posicionarlo.

Static: valor por defecto

Relative:

Absolute