Introdução CSS
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 <head>:
- "stylesheet""screen" "text/css" "style.css"
Ou em XHTML, com a terminação da barra.
- "stylesheet""screen" "text/css" "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:
- <style type="text/css">
- Formatações
- </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 id's.
