Escolar Documentos
Profissional Documentos
Cultura Documentos
:hover essa pseudoclasse serve para quando passar mouse acontecer algo,
se relaciona ao estado de um elemento; mais informações ex020
:visited aqui a psedoclasse visited quer dizer que o a (link) for visitado ou
clicado ficar uma configuração diferente, pode mudar a cor dele por exemplo
Filho: usamos o > assim: div > p {} nesse exemplo podemos fazer alterações
exclusivamento no paragrafo que esta dentro da div
::after usamos o dois ponto para pseudo elementos, o affter é para adicionar
algo no final ou depois que nesse caso vai ser do link*/
content: '→'; aqui vai ser a coisa que vai ser adicionada
::before
content: '←'; /*o before é para antes*/ aqui vai ser a coisa que vai
ser adicionada # = id
. = class
: = pseudoclasse
:: = pseudo elemento
> filho\clildren+
Modelo de caixas
No html e css tudo que é exibido na tela é em forma de caixa, e pode estar
uma dentro da outra, termo que usamos é aninhamento.
Width é a largura
Assim:
Padding: 10px 10px 20px 10px; cada lado um valor, ao inves de usar o
padding-left, bottom, top e right…
Padding 10px; usando assim todos os lados serão do mesmo valor
Para o margin mesma regra
Outiline: 5px dashed blue aqui colocamos primeiro a largura, tipo do
outiline e a co aqui colocamos primeiro a largura, tipo do outiline e a cor