El código CSS se trabaja en otro archivo, en una hoja de estilos. Para vincularlo, se utiliza
<link rel=”stylesheet” href=”ruta”>
Para cambiar las propiedades de un elemento, se usa un selector.
El más común, es el nombre del elemento, este cambiará todos los elementos de ese tipo, ej. p, h1, h2.
<span> se utiliza para seleccionar algo muy puntual, se pone después de la etiqueta principal del html.
Clases: le asignamos un nombre puntual al elemento para poder llamarlo luego. Sería con class = “nombre”
Para llamar una clase, le ponemos un punto antes del nombre → .nombre {
Podemos usarlas para muchos elementos, se les aplicará el mismo estilo.
Id: Para un elemento muy especifico, aplica solo para uno con ese nombre. Se usa id = “nombre”.
Para llamarlo por id, se usa → #nombre
Color: da color al texto.
Font-family: Para cambiar la tipografia. Si el nombre de la deseada tiene espacios, lo ponemos entre comillas simples → ‘fuente’.
Font-size: Tamaño del texto, por defecto suelen ser 16px.
Font-weight: Define el grosor de la tipografía. Podemos ponerlo en negrilla desde aquí, es lo más recomendado.
Font-style: Cambia el estilo de la letra, puede ser en italic (cursiva), normal, oblique (italic pero menos).
Text-align: Determina la orientación del texto, puede ser center, right, left, justify. Solo funciona con los elementos en bloque.
Text-decoration: le da cosas extra al texto, hay varios tipos: underline (subraya), overline (lo mismo pero arriba), line-through (tacha el texto), none. Las propiedades se pueden mezclar.
Line-height: Define el espaciado entre lineas del texto, va en números.
Letter-spacing: Espacio entre letras.
Modelo de caja, describe como se ponen los elementos html en una página web.