COMANDOS DE CSS

COMANDOS DE CSS

 /* PARA COMENTAR ALGO*/

ESPECIFICIDAD

1.-! importan
2.- estilos en línea
3.-identificadores
4.1-clases
4.2.-pseudo-clases
4.3.-atributos
5.1 elementos
5.2 pseudo elementos

PROPIEDADES DE TEXTO

Font-size   ;        =  tamaño de letras 1em= 16px        

Font-family  ;        =  tipo de letra

Line-height  ;        =   el espacio total que ocupa         

Font-weight  ;        =  el grosor de la letra rango de 0-1000

TIPOGRAFIAS EXTERNAS (Google Font)

<link rel="preconnect" href="https://fonts.googleapis.com">://fonts.googleapis.com">

font-family: 'Dancing Script', cursive;

NORMALIZE

<link rel="stylesheet" type="text/css" href="normalize.css"> =para incluir el archivo                                normalize

 max-width: 100;   = agregar en la sección img para versión móvil

box-sizing: border-box; = para que la caja no se modifique de tamaño (agregar)

padding: 0 ; = agregar en box -sizing

margin: 0;        

CAJAS:

Display  inline; = para cambiar el comportamiento de las cajas

PROPIEDADES DE CAJAS:

background: red; = modificar el color de fondo

padding: 10px  20px 30px 40px ; = por orden de parámetros (top ,right , bottom , left)

height ;  = alto

width: ;  = ancho

box-sizing:border-box ;  = no modificar el contenedor

text-align ; = alinear el texto

margin ; = para separar las cajas

border-radius = para el radio de la caja

border: 10px solied “color”;

box-shadow: 10px 20px 10px black; = para colocar sombra a la caja

text-shadow: 2px 2px 7px blue; = para colocar sombra al texto

POSITION:

...