HTML CSS

Usando o HTML4.0, todos os códigos de formatação podem ser removidos do documento HTML e então movidos para uma tabela de estilo independente.

Exemplo

Estilo no HTML
Este exemplo demonstra como usar informações de estilo adicionadas à seção <head> para formatar o HTML.
Link sem sublinhado
Este exemplo demonstra como usar a propriedade de estilo para criar um link sem sublinhado.
Conectar a uma tabela de estilo externa
Este exemplo demonstra como usar a tag <link> para conectar a uma tabela de estilo externa.

Como usar estilo

Quando o navegador lê uma tabela de estilo, ele formatará o documento conforme essa tabela. Existem três maneiras de inserir uma tabela de estilo:

Tabela de estilo externa

Quando o estilo precisa ser aplicado a muitas páginas, a tabela de estilo externa será a escolha ideal. Ao usar a tabela de estilo externa, você pode alterar a aparência do site inteiro alterando um único arquivo.

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

Tabela de Estilos Interna

Quando um arquivo único precisa de estilos especiais, pode-se usar uma tabela de estilos interna. Você pode definir uma tabela de estilos interna usando a tag <style> na seção head.

<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>

Estilo Inline

Quando estilos especiais precisam ser aplicados a elementos individuais, estilos inline podem ser usados. O método de uso de estilos inline é usar a propriedade de estilo em tags relevantes. A propriedade de estilo pode conter qualquer atributo CSS. O exemplo a seguir mostra como mudar a cor do parágrafo e a margem esquerda externa.

<p style="color: red; margin-left: 20px">
Este é um parágrafo
</p>

Acesse nossa Tutorial de CSS，para aprender mais sobre estilos.

Etiqueta Descrição
<style> Define uma definição de estilo.
<link> Define uma referência de recursos.
<div> Define um seção ou área no documento (block).
<span> Define um pequeno bloco ou área inline no documento.
<font> Define o tipo de fonte, tamanho da fonte e cor do texto. Não recomendado. Use estilos.
<basefont> Define o tipo de fonte básica. Não recomendado. Use estilos.
<center> Centraliza o texto horizontalmente. Não recomendado. Use estilos.