✨CSS

Cascading Style Sheets - Folhas de Estilo em Cascata

O CSS é uma linguagem de estilo usada para controlar a apresentação e a aparência de páginas da web em HTML. Ele desempenha um papel crucial na definição de cores, fontes, layouts e estilos visuais em um site.

Como Funciona o CSS?

Seletores:

O CSS usa seletores para direcionar elementos HTML específicos que você deseja estilizar. Por exemplo, para estilizar todos os parágrafos <p>, você usaria o seletor p.

Propriedades

As propriedades CSS definem o que você deseja alterar nos elementos selecionados. Por exemplo, a propriedade color define a cor do texto, e a propriedade font-size define o tamanho da fonte.

Valores

Os valores são atribuídos às propriedades para especificar como um estilo deve ser aplicado. Por exemplo, color: blue define a cor do texto como azul, e font-size: 16px define o tamanho da fonte como 16 pixels.

Regras CSS

As regras CSS combinam seletores, propriedades e valores para definir o estilo de elementos HTML. Uma regra CSS pode ser aplicada a um único elemento ou a vários elementos da mesma classe, tag ou ID.

Exemplos

Estilizando Títulos e Texto:

/* Estilizando o título h1 */
h1 {
  color: #ff6600; /* Define a cor do texto para laranja */
  font-size: 24px; /* Define o tamanho da fonte para 24 pixels */
}

/* Estilizando todos os parágrafos */
p {
  font-family: Arial, sans-serif; /* Define a família de fontes */
  line-height: 1.5; /* Define o espaçamento entre linhas */
}