Principais propriedades do CSS

O CSS (Cascading Style Sheets) oferece uma ampla variedade de propriedades que permitem controlar o estilo e a apresentação dos elementos HTML em uma página web. Abaixo, estão algumas das principais propriedades CSS e suas descrições:

color: Define a cor do texto dentro de um elemento.
```
p {
    color: blue;
}
```

font-family: Especifica a família de fontes a ser usada para o texto.

body {
    font-family: Arial, sans-serif; /* Fontes preferenciais */
}

font-size: Controla o tamanho da fonte do texto.

h2 {
    font-size: 24px; /* Tamanho da fonte de 24 pixels */
}

font-weight: Define a espessura da fonte, como "normal," "negrito" ou valores numéricos.
```
strong {
    font-weight: bold; /* Texto em negrito */
}
```
text-align: Alinha o texto horizontalmente (esquerda, direita, centralizado, justificado).
```
div {
    text-align: center; /* Alinha o texto ao centro */
}
```
text-decoration: Controla a decoração do texto, como sublinhado ou tachado.
```
a {
    text-decoration: underline; /* Sublinha links */
}
```
line-height: Define a altura da linha, afetando o espaço entre as linhas de texto.
```
p {
    line-height: 1.5; /* Espaço entre linhas 1,5 vezes a altura da fonte */
}
```
background-color: Especifica a cor de fundo de um elemento.
border: Controla as propriedades da borda de um elemento, como largura, estilo e cor.
margin: Define a margem externa de um elemento, afetando o espaço ao seu redor.
padding: Controla o preenchimento interno de um elemento, afetando o espaço entre seu conteúdo e sua borda.
width e height: Estabelecem a largura e altura de um elemento.
display: Define como um elemento é exibido, como "block" (bloco) ou "inline" (em linha).
position: Controla a posição de um elemento na página, com opções como "relative" (relativa) ou "absolute" (absoluta).
top, right, bottom, left: Usado com elementos posicionados para definir a distância entre os lados do elemento e seu pai.
float: Permite que um elemento flutue à esquerda ou à direita de seu contêiner, criando layouts de várias colunas.
clear: Controla como os elementos devem se comportar em relação aos elementos flutuantes próximos.
z-index: Define a ordem de empilhamento de elementos posicionados, determinando quais elementos aparecem acima de outros.
opacity: Ajusta a opacidade de um elemento, variando de 0 (totalmente transparente) a 1 (totalmente opaco).
transform: Permite aplicar transformações 2D e 3D a elementos, como rotação, escala e translação.
transition: Controla transições suaves de propriedades, como cores e tamanhos, durante um período de tempo.
animation: Permite criar animações personalizadas com etapas e durações definidas.

Essas são apenas algumas das muitas propriedades disponíveis no CSS. Cada propriedade tem seu próprio propósito e pode ser combinada com outras para criar layouts e estilos complexos em páginas web. A capacidade de entender e usar eficazmente essas propriedades é fundamental para criar designs web atraentes e funcionais.