Aprenda como desenvolver sites web mais bonitos, com uma melhor apresentação visual e, ao mesmo tempo, fácil de administrar. Conheça a CSS, as folhas de estilo em cascata.
Como em qualquer linguagem, comentários são usados para explicar o seu código, e podem ajudar quando você editar o código-fonte em uma data posterior. Um comentário será ignorado pelos browsers, e em CSS começa com "/*" e termina com "*/", como este:
/ * Este é um comentário * /
p {
text-align: center;
/ * Este é outro comentário * /
color: black;
font-family: Arial
}
Exemplos
O arquivo HTML abaixo utiliza uma folha de estilos externa com a tag "link". Veja:
<p>Você pode ver que a folha de estilo
formata o texto</p>
<p><a href="http://www.w3schools.com" target="_blank">Este é um link</a></p>
Abaixo, como ficaria o conteúdo do arquivo com a folha de estilo indicado acima (ex2.css):
body {background-color: tan}
h1 {color:maroon; font-size:20pt}
hr {color:navy}
p {font-size:11pt; margin-left: 15px}
a:link {color:green}
a:visited {color:yellow}
a:hover {color:black}
a:active {color:blue}
Teste em seu computador e veja as mudanças que a folha de estilo causam na aparência da página.
Salve os arquivos HTML e os .css na mesma página, e depois acesse os arquivos HTML normalmente como você sempre faz. Você verá como o uso de folhas de estilo alteram a formatação dos elementos.
[5] Comentário enviado por juliaojunior em 24/06/2009 - 00:23h
Olá, tayma.
Acho desnecessário o link indicado por você, pois logo no início da matéria falei claramente que era uma tradução livre. Inclusive indiquei o endereço do site, comentando que a fonte tem matéria muito mais extensa do que apenas CSS. Bem, talvez você não tenha lido com a devida atenção. Mas tudo bem, fica o registro :)
[6] Comentário enviado por Teixeira em 24/06/2009 - 08:12h
juliaojunior:
Excelente a sua iniciativa. Em lingua portuguesa, quando se fala em CSS lembra-se logo do Maujor, que é um dos pouquíssimos que abordam esse tema com propriedade e leveza. Estava realmente faltando um trabalho como o seu, de vez que o texto da W3C por vezes não é muito amigável para iniciantes.
ribafs:
Por que você não escreve a respeito aqui no VOL? Seria bastante útil.
A princípio, e devido a necessidade de trabalhar com inúmeros browsers antigos, fiquei restrito ao uso de tabelas e coisas típicas do HTML, e passaram a ser muito comuns para mim, já que eu passei a dominá-las.
Achei a princípio CSS uma coisa supérflua (já que eu conseguia fazer "tudo" em HTML); penei com os "floatings" que "não funcionavam", mas depois percebi que era problema de bios ("Botaram um Imbecil Operando o Sistema").
Aí resolvi criar vergonha e coragem, e realmente APRENDER alguma coisa de CSS.
Hoje, embora ainda use HTML (às vezes 1.0) para os sites referentes a distros antigas, uso constantemente CSS nos sites
institucionais contemporâneos.
Agora não quero saber de outra vida.
Como o meu pequeno conhecimento da matéria não me permite escrever a respeito, esse artigo veio a calhar, pois sempre é bom rever alguns conceitos conhecidos enquanto aprendemos algo de novo.
Espero que o tema continue e que seja enriquecido cada vez mais.
[8] Comentário enviado por rodrigozanuzzo em 11/08/2009 - 16:09h
Bom artigo Cicero.
Gosto de trabalhar com HTML, não sou nenhum profissional, mas gosto de brincar de vez em quando, sei pouco de CSS e esse artigo vai me ajudar muito.
Abraço.