PARTE 2 :
Bom continuando o post parte 1 :
Vamos aplicar um novo conceito para melhorar nossa primeira página, o chamado estilo de página, CSS ou style sheet.
O que é o estilo de página:
Bem como o próprio nome já diz, é um “código” que da estilo a sua página, ou sejá, com o CSS é possível colocar cor no fundo da página, mudar a fonte dos escritos, posicionamento dos itens e muito mais.
<html>
<head>
<style>
body{
background-color:gray;
color:white;
font-size:24px;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Criando meu site, parte 2</title>
</head>
<body>
Minha primeira página.
</body>
</html>
Resultado:
Linha por linha:
Linha 1: Iniciamos um documento HTML.
Linha 2: Iniciamos nosso cabeçalho.
Linha 3: Iniciamos um estilo para a página.
Linha 4: Iniciamos o estilo para o body ( corpo ) { // Código estilo } este estilo ira se aplicar apenas ao que estiver dentro do corpo, caso criássemos um estilo p{ } ( paragrafo ), o mesmo se aplicaria apenas dentro do paragrafo.
Linha 5: Colocamos um background-color ( cor de fundo ) igual á gray ( cinza ), as cores podem ser escritas em hexadecimal, #FFFFFF ( branco ), #000000 ( preto ) e outros.
Linha 6: Colocamos cor para o escrito.
Linha 7: Colocamos o tamanho da fonte, no caso 24px.
Linha 8: Fechamos nosso estilo para o body.
Linha 9: Fechamos nosso estilo de página.
Linha 10: Iniciamos o cabeçalho do documento, incluindo então o tipo de linguagem e idioma ( para incluir acentos, dentre outros ).
Linha 11: Titulo que aparece em cima no browser.
Linha 12: Fechamos nosso cabeçalho.
Linha 13: Iniciamos nosso “corpo” da página.
Linha 14: Inserimos um texto dentro do corpo.
Linha 15: Fechamos o “corpo” da página.
Linha 16: Fechamos nosso documento HTML.
Gostou ? Deixe suas sugestões.
(31) 8498-8455 
Pingback: rewfarasfvmsdr