English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
CSS (Cascading Style Sheets) é usado para renderizar estilos de elementos de etiqueta HTML.
HTML usa estilos
Este exemplo demonstra como usar informações de estilo adicionadas à seção <head> para formatar HTML.
Demonstra como usar o atributo de estilo para criar um link sem sublinhado.
Como usar o atributo style para criar um link sem sublinhado.
ligar-se a uma tabela de estilos externa
Este exemplo demonstra como
liga-se a uma tabela de estilos externa.
CSS é usado em HTML 4 Iniciado, foi introduzido para melhor renderização de elementos HTML.
CSS pode ser adicionado ao HTML de várias maneiras:
Estilos inline- Use o atributo "style" no elemento HTML
Tabela de estilo interna -Use o elemento <style> na área <head> do documento HTML para incluir CSS
Referência externa - Usar arquivo CSS externo
A melhor maneira é através de referência externa de arquivo CSS.
Neste tutorial de HTML, usamos estilos CSS inline para apresentar exemplos, isso é para simplificar os exemplos e torná-los mais fáceis de editar e executar online.
Você pode usar o Tutorial de CSS Aprenda mais sobre CSS.
Quando estilos especiais precisam ser aplicados a elementos individuais, pode-se usar estilos inline. O método para usar estilos inline é usar o atributo de estilo nos rótulos relevantes. O atributo de estilo pode conter qualquer propriedade CSS. O exemplo a seguir mostra como mudar a cor do parágrafo e a margem esquerda.
<p style="cor:azul;largura:margin-esquerda:20px;">Isso é um parágrafo.</p>
Para aprender mais sobre estilos, acesse Tutorial de CSS.
Atributo de cor de fundo (background-Definir uma cor de fundo para um elemento:
!DOCTYPE html> <html> <head> <meta charset="utf-8> <title>Guia Básico(oldtoolbag.com)</title> </head> <body style="background-color:yellow;"> <h2 style="background-color:red;">Este é um título</h2> <p style="background-color:green;">Este é um parágrafo.</p> </body> </html>Teste para ver se ‹/
Antigo atributo de cor de fundo (background-color) é definido usando o atributo bgcolor .
Agora, geralmente usa-se font-family (família de fontes), color (cor), e font-size (tamanho da fonte) atributo para definir o estilo do texto, em vez de usar a etiqueta <font>.
Use text-O atributo align (alinhamento de texto) especifica o alinhamento horizontal e vertical do texto:
!DOCTYPE html> <html> <head> <meta charset="utf-8> <title>Guia Básico(oldtoolbag.com)</title> </head> <body> <h1 style="text-align:center;">Título alinhado no centro</h1> <p>Este é um parágrafo.</p> </body> </html>Teste para ver se ‹/›
Atributo de alinhamento de texto text-align substituiu a antiga etiqueta <center> .
Quando um único arquivo precisa de um estilo especial, você pode usar a tabela de estilo interna. Você pode definir a tabela de estilo interna usando a etiqueta <style> dentro da seção <head>:
<head>
<style type="text/css">
body {background-color:yellow;}
p {color:blue;}
</style>
</head>Quando o estilo precisa ser aplicado a muitas páginas, a tabela de estilo externa é uma escolha ideal. Usando a tabela de estilo externa, você pode alterar a aparência de todo o site alterando um único arquivo.
<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head>
| Etiqueta | Descrição |
| <style> | Definir estilos de texto |
| <link> | Definir o endereço de referência dos recursos |
No HTML 4, as etiquetas e atributos que antes suportavam a definição de estilos de elementos HTML foram descontinuadas. Essas etiquetas não serão suportadas nas novas versões das etiquetas HTML.
Etiquetas não recomendadas incluem: <font>, <center>, <strike>
Atributos Não Recomendados: color e bgcolor.