1 - Estilizando elementos con clases CSS

<p class="texto-destacado">
    Lorem ipsum dolor sit amet consectetur adipisicing elit. Et excepturi vitae dolor sequi aspernatur dolore, ullam unde quia quidem alias ducimus fugit facilis amet debitis aliquid voluptatem culpa commodi recusandae?
</p>

2 - Destacando títulos con CSS

3 - Estilos situacionales con clases CSS

<p class="urgente">Resultados de las elecciones en Venezuela 2024, en vivo | María Corina Machado: “Tenemos cómo probar la verdad. Tenemos el 73,20% de las actas”
    Argentina, Chile, Perú, Uruguay, Costa Rica, Panamá y Dominicana deberán retirar a sus representantes en Caracas | La autoridad electoral venezolana da como ganador a Maduro con el 51,2% frente al 44,2% de Edmundo González | El Centro Carter insta al CNE a publicar “de inmediato” las actas electorales</p>




  <H1>4 - Entendiendo y aplicando el reset CSS</H1>  
  <!--Estás trabajando en un proyecto de sitio web y has notado que el diseño está un poco desorganizado debido a los estilos predeterminados aplicados por el navegador. Tu tarea es aplicar un "reset CSS" para eliminar estos estilos predeterminados. Comienza creando un archivo CSS y utiliza el selector universal * para establecer el margen y el relleno de todos los elementos en 0. Prueba el efecto de este cambio en el diseño de tu sitio.

-->

5 - Inspeccionando elementos y entendiendo el modelo de caja

Propiedades del modelo de caja Content (Contenido):

Esta es la área donde se muestra el contenido del elemento, como texto, imágenes, etc.
El tamaño de esta área se define por las propiedades width y height del elemento.
Padding (Relleno):

El espacio entre el contenido del elemento y su borde.
Añade espacio interior alrededor del contenido sin afectar el tamaño total del elemento.
Border (Borde):

El borde del elemento que rodea el contenido y el relleno.
El ancho del borde se añade al tamaño total del elemento. Puedes definir su grosor, estilo y color.
Margin (Margen):

El espacio exterior alrededor del borde del elemento.
Define el espacio entre el elemento y otros elementos en la página. No afecta el tamaño del elemento en sí.</p>

6 - Aplicando el modelo de caja en la práctica

los elementos se acoplan al principio