Skip to main content

Principais propriedades do CSS

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:

  1. color: Define a cor do texto dentro de um elemento.

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

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

  4. font-weight: Define a espessura da fonte, como "normal," "negrito" ou valores numéricos.

  5. text-align: Alinha o texto horizontalmente (esquerda, direita, centralizado, justificado).

  6. text-decoration: Controla a decoração do texto, como sublinhado ou tachado.

  7. line-height: Define a altura da linha, afetando o espaço entre as linhas de texto.

  8. background-color: Especifica a cor de fundo de um elemento.

  9. border: Controla as propriedades da borda de um elemento, como largura, estilo e cor.

  10. margin: Define a margem externa de um elemento, afetando o espaço ao seu redor.

  11. padding: Controla o preenchimento interno de um elemento, afetando o espaço entre seu conteúdo e sua borda.

  12. width e height: Estabelecem a largura e altura de um elemento.

  13. display: Define como um elemento é exibido, como "block" (bloco) ou "inline" (em linha).

  14. position: Controla a posição de um elemento na página, com opções como "relative" (relativa) ou "absolute" (absoluta).

  15. top, right, bottom, left: Usado com elementos posicionados para definir a distância entre os lados do elemento e seu pai.

  16. float: Permite que um elemento flutue à esquerda ou à direita de seu contêiner, criando layouts de várias colunas.

  17. clear: Controla como os elementos devem se comportar em relação aos elementos flutuantes próximos.

  18. z-index: Define a ordem de empilhamento de elementos posicionados, determinando quais elementos aparecem acima de outros.

  19. opacity: Ajusta a opacidade de um elemento, variando de 0 (totalmente transparente) a 1 (totalmente opaco).

  20. transform: Permite aplicar transformações 2D e 3D a elementos, como rotação, escala e translação.

  21. transition: Controla transições suaves de propriedades, como cores e tamanhos, durante um período de tempo.

  22. 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.