Formatação CSS

• Com o CSS, é possível formatar o conteúdo de uma página HTML utilizando o atributo "style".
• O CSS também serve para criar padrões de formatação pré-definidos para elementos de uma página.
• A formatação em CSS aplicada em uma tag irá ser aplicada em todas as suas tags internas, salvo se a tag interna possuir uma formatação CSS própria.

Existem três métodos para aplicar a formatação CSS em uma página:

• Interno, aplicando o atributo "style" em uma tag. Exemplo: formatando a cor roxo nessa tag "li", utilizando o atributo "style".
• Padronizado, utilizando a tag "style" dentro da tag "head", e definindo o padrão de formatação para as tags da página. Exemplo: padronizando o background da tag "body" para powderblue, e a cor do texto da tag "h1" para vermelho.
• Externo, aplicando o atributo "link" que direciona para um arquivo ".css", onde os padrões de formatação estão especificados. Pode ser utilizado um arquivo em uma pasta ou o endereço de uma página web. Exemplo: padroniza a cor do texto da tag "ul", utilizando o arquivo "6_css.css".

Propriedades do CSS

• "background-color" define o background do texto.
• "color" define a cor do texto.
• "font-family" define a fonte do texto.
• "font-size" define o tamanho da fonte do texto.
• "border" define a borda ao redor do texto.
• "padding" define o espaço entre a borda e o texto.
• "margin" define uma margem ao redor da borda.

<- Voltar