Estilizando com CSS
Quando escrevemos o HTML, marcamos o conteúdo da página com tags que melhor representam o significado daquele conteúdo. Aí quando abrimos a página no navegador é possível perceber que o navegador mostra as informações com estilos diferentes.
Um h1, por exemplo, fica em negrito numa fonte maior. Parágrafos de texto são espaçados entre si, e assim por diante. Isso quer dizer que o navegador tem um estilo padrão para as tags que usamos. Mas, claro, pra fazer sites bonitões vamos querercustomizar o design dos elementos da página.
Antigamente, isso era feito no próprio HTML. Se quisesse um título em vermelho, era só fazer:
<h1><font color="red">Mirror Fashion anos 90</font></h1>
Além da tag font, várias outras tags de estilo existiam. Mas isso é passado. Tags HTML para estilo são má prática hoje em dia e jamais devem ser usadas.
Em seu lugar, surgiu o CSS, que é uma outra linguagem, separada do HTML, com objetivo único de cuidar da estilização da página. A vantagem é que o CSS é bem mais robusto que o HTML para estilização, como veremos. Mas, principalmente, escrever formatação visual misturado com conteúdo de texto no HTML se mostrou algo bem impraticável. O CSS resolve isso separando as coisas; regras de estilo não aparecem mais no HTML, apenas no CSS.
Nenhum comentário:
Postar um comentário