Programação Web

CSS

O que é CSS?

O Cascading Style Sheets (CSS) é uma "folha de estilo" composta por “camadas” e utilizada para definir a apresentação (aparência) em páginas da internet que adotam para o seu desenvolvimento linguagens de marcação (como XML, HTML e XHTML). O CSS define como serão exibidos os elementos contidos no código de uma página da internet e sua maior vantagem é efetuar a separação entre o formato e o conteúdo de um documento.

O CSS no HTML

O CSS pode ser embutido de duas formas no código de uma página:

Método 1: Colocando o CSS dentro do HTML

Para fazer este método é necessário usar a tag style dentro da tag head após todos os elementos que forem postos nesta tag.

Segue o exemplo abaixo:

<html> 
<head>
<meta charset="utf-8">
<title>titulo</title>
<style>
   body{
    background-color: red;(exemplo)
   }
   h1{
    text-align: center; (exemplo)
   }
   h2{
    font-family: canvas; (exemplo)
   }
</style>
</head>
<body>
</body>
</html>

Método 2: Tag link

Para fazer este método é necessário usar tag link dentro da tag head sem uma posição definida.

Segue o exemplo abaixo:

<html> 
<head>
<meta charset="utf-8">
<title>titulo</title>
<link rel="stylesheet" href="nome_do_arquivo.css">
</head>
<body>
</body>
</html>