HTML e CSS estão intimamente relacionados, já que o CSS é usado para estilizar as páginas HTML. O CSS (Cascading Style Sheets) é uma linguagem de folhas de estilo que descreve a apresentação de documentos HTML e XML. Isso significa que o CSS é usado para definir como as páginas HTML são exibidas, incluindo a cor de fundo, a fonte, o tamanho e a posição dos elementos na página.
Algumas das principais características do CSS incluem:
- Separação entre conteúdo e apresentação: o HTML é usado para definir o conteúdo de uma página, enquanto o CSS é usado para definir a aparência visual da página.
- Estilos em cascata: os estilos são aplicados em cascata, o que significa que os estilos definidos para um elemento pai são aplicados aos seus elementos filhos.
- Reutilização de estilos: é possível definir estilos em um arquivo CSS separado e aplicá-los a várias páginas HTML.
Para começar a usar o CSS, é necessário definir as regras de estilo para cada elemento HTML que deseja estilizar. As regras de estilo consistem em um seletor e uma declaração de estilo.
O seletor é usado para selecionar os elementos HTML que deseja estilizar. Existem diferentes tipos de seletores, incluindo seletores de elemento, seletores de classe e seletores de ID.
A declaração de estilo é usada para definir as propriedades de estilo que deseja aplicar ao elemento selecionado. Existem muitas propriedades de estilo disponíveis, incluindo cor de fundo, tamanho de fonte, margem e preenchimento.
Exemplo de código CSS:
css/* Define uma classe de estilo para todos os elementos de parágrafo */
p {
font-size: 16px;
color: #333;
}
/* Define uma classe de estilo para todos os elementos de cabeçalho H1 */
h1 {
font-size: 24px;
color: #555;
text-align: center;
}
/* Define uma classe de estilo para um botão de envio de formulário */
input[type="submit"] {
background-color: #333;
color: #fff;
border: none;
padding: 10px 20px;
border-radius: 5px;
cursor: pointer;
}Referência bibliográfica: Mozilla. (s.d.). CSS (Cascading Style Sheets). Recuperado em 3 de abril de 2023, de https://developer.mozilla.org/en-US/docs/Web/CSS