Codex - Html / Css
< Doctypes | Índice | Head >
No HTML 4.0, toda a formatação pode ser removida do documento HTML, e pode ser armazenada em uma folha de estilos.
Como usar estilos
Quando um browser lê um arquivo css, ele irá formatar o documento de acordo com seu conteúdo.
Existem 3 maneiras de incluir estilos em um documento:
Estilo em linha ou inline style
Uma folha de estilos externa é ideal quando o estilo é aplicado em muitas páginas. Com uma folha de estilos externa, você pode mudar a parência de um web site inteiro, apenas mudando um arquivo. Cada página deve possuir um link para folha de estilos externa , usando a tag <link>. A tag <link> é incluida dentro da seção criada pela tag <head>:
<link rel="stylesheet" type="text/css" href="folha_de_estilo_externa.css" />
Uma folha de estilo interna pode ser usada em documento se você necessita aplicar estilos somente para aquela página. Estilos internos são definidos dentro de um documento HTML na seção <head> do documento, usando a tag <style>, da seguinte maneira:
Estilos em Linha ou Inline Styles
Um estilo em linha pode ser usado quando queremos aplicar um estilo diretamente sobre em uma tag ou elemento específico dentro do documento HTML.
Para usar estilos inline, usamos o atributo "style" na tag que queremos aplicar o estilo. O atributo "style" pode conter qualquer uma das propriedades CSS. O exemplo abaixo mostra como mudar a cor do texto e a margin esquerda do elemento parágrafo: