Vamos explorar alguns exemplos comuns de CSS que você pode usar para aprimorar seus projetos web:

1. Estilo básico:

   • Defina a cor de fundo de um elemento:

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

• Alterar cor do texto:
  

   .my-text {
     color: #333;
   }
  

1. Fronteiras:

   • Definir largura, estilo e cor da borda:

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

2. Margens e preenchimento:

   • Especifique as margens para cada lado:

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

• Definir preenchimento para um elemento:
  

   .my-content {
     padding: 15px;
   }
  

1. Planos de fundo:

   • Defina uma cor de fundo para a página inteira:

    body {
      background-color: #f9f9f9;
    }
   

• Use uma imagem como plano de fundo:
  

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

1. Design responsivo:

   • Use consultas de mídia para ajustar estilos com base no tamanho da tela:

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

Lembre-se de substituir os nomes das classes (por exemplo, .my-element) pelos seus elementos HTML reais.