Codex

< 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:

  • Folha de estilos externa
  • Folha de estilos interna
  • Estilo em linha ou inline style

Folha de estilos externa

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>:


Folha de estilos interna

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:

Para aprender mais sobre CSS, visite nosso tutorial.


HTML Style Tags

Tag Descrição
<style> Define informações de estilo para um documento
<link /> Define a relação entre um documento e um recurso externo


< Doctypes | Índice | Head >