Exploremos algunos ejemplos de CSS comunes que puedes utilizar para mejorar tus proyectos web:

1. Estilo básico:

   • Establecer el color de fondo de un elemento:

    .my-element {
      background-color: #f0f0f0;
    }
   

• Cambiar color del texto:
  

   .my-text {
     color: #333;
   }
  

1. Fronteras:

   • Establecer ancho, estilo y color del borde:

    .my-box {
      border: 2px solid #ddd;
    }
   

2. Márgenes y relleno:

   • Especificar márgenes para cada lado:

    .my-box {
      margin: 10px 20px;
    }
   

• Establecer relleno para un elemento:
  

   .my-content {
     padding: 15px;
   }
  

1. Antecedentes:

   • Establece un color de fondo para toda la página:

    body {
      background-color: #f9f9f9;
    }
   

• Usar una imagen como fondo:
  

   .hero-section {
     background-image: url('path/to/image.jpg');
     background-size: cover;
   }
  

1. Diseño de respuesta:

   • Utilice consultas de medios para ajustar los estilos según el tamaño de la pantalla:

    @media screen and (max-width: 768px) {
      .my-element {
        font-size: 14px;
      }
    }
   

Recuerde reemplazar los nombres de las clases (p. ej., .my-element) con sus elementos HTML reales.