.nombre (Punto) → Clase: Se usa para varios elementos. Ejemplo: .boton-azul.
#nombre (Almohadilla) → ID: Es único. Solo debe haber uno en toda la página. Ejemplo: #header.
nombre (Nada) → Etiqueta: Afecta a todos los elementos de ese tipo. Ejemplo: p afecta a todos los párrafos.
div p (Espacio) → Descendiente: Selecciona todos los p que estén dentro de un div, sin importar el nivel.
div > p (Mayor que) → Hijo directo: Solo selecciona los p que están justo dentro del div (primer nivel).
div + p (Más) → Hermano adyacente: Selecciona el p que va inmediatamente después de un div.
<div>: Es una caja genérica. Ocupa todo el ancho (bloque).
<span>: Es para trozos de texto. Solo ocupa el espacio necesario (en línea).
<section> / <article>: Como el div, pero ayudan a Google a entender qué parte es contenido importante.