Cascading Style Sheets, é usado para personalizar a aparência de um site. CSS pode ser adicionado das seguintes formas:
- diretamente a um elemento usando `style ="CSS: value;"`,
- Descrito entre elementos `<style>` no cabeçalho do arquivo HTML
- Em um arquivo separado usando o elemento HTML `<link>` no cabeçalho do arquivo HTML.
É importante destacar que, uma vez que o CSS é aplicado a um elemento pai, todos os filhos recebem o estilo aplicado, a menos que seja expressamente dito no elemento filho.
Um exemplo de CSS é apresentado abaixo, sendo a cor do texto azul e o alinhamento do texto centralizado.
```html
<!Doctype html>
<html lang = "en">
<Head>
<title> Hello! </title>
</head>
<Body>
<H1 style = "color: Blue; text-align: center;"> the colorful heading! </h1>
Hello, World!
</ body>
<html>
```
Existem muitas propriedades CSS, basta pesquisar na internet. Algumas das mais comuns, no entanto, são:
- `Color`: Altera a cor do texto.
- `text-align`: indica onde os elementos devem ser apresentados.
- `Background-Color`: Altera a cor do fundo do elemento.
- `width`: largura em pixels ou porcentagem da página.
- `height`: altura em pixels ou porcentagem da página.
- `Padding`: Quanto espaço deve existir dentro do elemento.
- `margin`: Quanto espaço deve existir fora do elemento.
- `font-family`: tipo de fonte a ser usada.
- `font-size`: altura da fonte em pixels.
- `border`: tipo, cor e dimensão das bordas do elemento.
Você também pode usar [[Syntactically Awesome Style Sheet]] para escrever arquivos CSS de forma mais rápida, eficaz e clara.