aula 05 - estilização de páginas web com css
TRANSCRIPT
Aula 05
Marcos Devaner
Programação Orientada a Objetos IIEstilização de páginas com Cascading Style Sheets- CSS
O que é o CSS – Cascading Style Sheets
O uso de estilos
Os três tipos de vinculação de folhas de estilo As folhas de estilo podem ser vinculadas a um documento de três maneiras distintas:
1. Importadas ou lincadasAs regras CSS estão declaradas em um arquivo separado do arquivo html e que tem a extensão .css . O arquivo pode ser incorporado ao documento html da seguinte forma:
<head> <link rel="stylesheet" type="text/css" href=“nomedoarquivo.css"></head>
3. inlineAs regras CSS estão declaradas no próprio documento HTML. O arquivo pode ser incorporado ao documento html da seguinte forma:
<head> <style> Aqui o código CSS </style></head>
2. Incorporada ou interna As regras CSS estão declaradas no próprio documento HTML. O arquivo pode ser incorporado ao documento html da seguinte forma:
<head> <style> Aqui o código CSS </style></head>
Recomendações para incorporar estilos
Utilização do Inline Use este método excepcionalmente, como quando quiser
aplicar um estilo a uma única ocorrência de um elemento.
Utilização incorporado Indicado quando se deseja aplicar um estilo ama página
específica
Utilização externo Indicado quando se deseja aplicar um estilo a várias páginas
Exemplo prático
1) Crie um arquivo CSS com nome “meucss” com as seguintes propriedades globais:
Defi
ne e
stilo
da
pág
ina
Defi
ne e
stilo
da
DIV
Exemplo prático
2) Crie um arquivo HTML e chame o arquivo CSS 3) Crie um estilo incorporado
4) Crie um estilo inline
AtividadeUtilizando HTML 5 aliado ao CSS crie um formulário seguindo o modelo abaixo.
Veja mais propriedades CSS em:http://www.w3c.br/divulgacao/guiasreferencia/css2/#mod-
seletores