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 pode ser embutido de duas formas no código de uma página:
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>
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>