css para principiantes

653 palavras 3 páginas
30/08/2013

Efeito cascata


Fontes das folhas de estilo


Aula 4 – Modelo CSS






Curso: Técnico em Informática / 2º módulo
Disciplina: Desenvolvimento Web
Professora: Luciana Balieiro Cosme

Ordem em cascata




Folha de estilo padrão do navegador
Folha de estilo do usuário
Folha de estilo do autor







Estilo externo
Estilo incorporado (seção head)
Estilo inline
Declaração do autor com !important



Autor
Usuário
Agente do usuário (por ex, navegador)

Desafio de programar para Web
Conflitos


Efeito em cascata

Declarações normais e importantes




Autor tem precedência sobre o usuário
Para mudar a precedência: important
Ex.:




p {color: black !important}

Uma regra !important tem precedência sobre uma regra normal

Declaração do usuário com !important

Especificidade de um seletor

Exemplo

Considere:
HTML
Um parágrafo qualquer Exercício Seletores

Um texto para um parágrafo qualquer que irá testar a especificidade de um seletor
...




CSS
p.diferente {font-size: 12px;} p {font-size: 18px;}


1

30/08/2013

Exemplo

Exemplo

Seletores.css p{ color: red; font-size: 12px;
}



Teste sua solução.







Acrescente ao CSS
p.diferente{
color: blue; font-size: 22px;
}
As duas regras são aplicadas. Mas qual foi a ordem de cascata?

Exemplo

Modelo de formatação dos boxes

Agora acrescente !important p{ color: red; font-size: 12px !important;
}










Dimensões, posição, tipo, relacionamento com outros boxes e informações externas.

A precedência é do seletor mais específico
Mas pode haver modificadores

Box Model




Implica que cada elemento da árvore do documento crie um ou mais boxes (caixas)
São características dos boxes:

Fonte: http://www.w3.org/TR/CSS2/box.html

Container





Bloco de conteúdo
Box retangular
Pode conter outros

Relacionados

  • Ed.Física
    2233 palavras | 9 páginas
  • Psicanalise silvestre
    412 palavras | 2 páginas
  • Relatorio
    1675 palavras | 7 páginas
  • Estudante
    1783 palavras | 8 páginas
  • Contabilidade geral
    3076 palavras | 13 páginas
  • Administração
    3836 palavras | 16 páginas
  • Manual CSS
    19100 palavras | 77 páginas
  • Estudar
    3837 palavras | 16 páginas
  • Trabalho de marketing - glossário
    2527 palavras | 11 páginas
  • xadrez vitorioso
    61306 palavras | 246 páginas