segunda-feira, 20 de julho de 2015

Inserindo CSS na página HTML


HTML e CSS

HTML (HyperText Markup Language) é uma linguagem de marcação, utilizada para estruturar uma página na Web. Já o CSS (Cascading Style Sheet) é utilizado para definir a apresentação (aparência) destas páginas, seu objetivo é separar a estrutura da página de sua configuração visual.



Por que usar um arquivo CSS externo?

Além de melhorar a visualização e organização do HTML, separá-los tem a vantagem do reaproveitamento de uma mesma folha de estilos para diversos documentos.

Para isto, basta criar um arquivo a parte para o código CSS, e salvá-lo com a extensão .css, por exemplo, estilo.css. Após, é preciso indicar no documento HTML uma ligação entre ambos, que deve ser feita dentro da tag <head> do HTML:

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="estilo.css">
  </head>
  <body>
    <p>Texto</p>
  </body>
</html>

E dentro do arquivo estilo.css colocamos apenas o conteúdo do CSS:

p{
  color: blue;
  font-family: "Arial";
}

O documento HTML ficará muito mais organizado com o código CSS separado, não é mesmo?
Anterior
Proxima

0 comentários: