A folhas de estilos ou CSS veio para facilitar a vida dos desenvolvedores web, que só com o HTML estavam muito limitados. E em sites com enumeras páginas o trabalho erra dobrado na hora de definir um padrão para todas as páginas ou fazer uma manutenção no layout do site. Tinha que abrir todos os códigos fontes e definir individualmente cada página. Com o CSS esta tarefa ficou fácil de ser feita, podendo definir um estilo e aplicalo em todo o site, com códigos na própria página ou criar o arquivo separado que é o mais usado.
Vamos conher o básico do código fonte CSS em uma página:
O código CSS fica dentro da TAG e se inicia dentro da TAG , note que fica também dentro das TAG's de comentário, siguinifica que é para o navegador interpretar mais não mostrar o código.
Parte a parte:
type=> Indica que está usando um tipo de texto puro para código CSS.
title=> Não é obrigatório colocar, mais é bom para se localizar na códificação.
media=> O tipo de mídia que sua página vai ser exibida, que hoje pode ser em um monitor, celular, tv, impressora, etc. , foi definida como "all" que é para todos os tipos, mais tem outras definições específicas para cada tipo.
body=> É a TAG que você quer definir o estilo.
" { " => Inicia a definição do estilo.
background-color=> Definir cor de fundo da página em hexadecimal.
" ; " => Cada linha que for definida algum parametro tem que terminar com ponto e vírgula.
color=> Definir cor do texto em hecxadecimal.
font-family=> Definir tipo de fonte do texto em toda página, percebe-se que foi usado três tipos de fontes, no caso do sistema o operacional não tiver instalodo uma das fontes acima sempre vai ter outra opção e sans-serif o estilo das fontes que são retas e não com desenhos nas arestas.
" } " => Termina a definição do estilo.
Código fonte CSS separado da página:
Feito o código é só salvar com a extenção ".css", e criar um link na página que vc quer definir o estilo.
Exemplo:
A TAG é que está linkando o código, no parametro "href=" é onde coloca o arquivo CSS que foi salvo para devinir as páginas, este link tem que estar em todas as páginas que você quer definir.
Nenhum comentário:
Postar um comentário