CSS ou Cascading Style Sheets são folhas de estilo, e é o que dá o visual a um site, a formatação aos códigos e o posicionamento.

Enquanto o XHTML/HTML é o conteúdo: os textos e as tags, o CSS formata essas tags.

Para sites com muitas páginas de conteúdo, utiliza-se o CSS Externo, dado pelo seguinte código entre as tags do :

1. <link rel="stylesheet" media="screen" type="text/css" href="style.css">

Ou em XHTML, com a terminação da barra.

1. <link rel="stylesheet" media="screen" type="text/css" href="style.css" />

Criando um ficheiro style.css (podendo alterar o nome) pode-se mudar todo o CSS num só ficheiro, e com o código em cima em todas as páginas ele admite sempre aquele estilo, não precisam de estar sempre a mudar uma cor aqui e outra ali, basta defini-las naquele ficheiro.

Nem sempre há razão para criar um ficheiro .css, podendo utilizar CSS interno, dado pelo seguinte código:

1. <style type="text/css">

2. Formatações

3. </style>

Pode-se colocar as formatações em cada tag HTML mas não é a maneira certa, se queremos separar o conteúdo da apresentação será através dos exemplos anteriores. Desta maneira podemos dar estilos a qualquer heading

<h1>

até

<h6>

, qualquer parágrafo, link, a

<div>

e

<span>

criando as nossas próprias classes e ids.