Please enable JavaScript.
Coggle requires JavaScript to display documents.
Modulo 04 html e css - Coggle Diagram
Modulo 04 html e css
-
Aula 01
Herança
1 A herança passa pelo html e o css, exemplo no html vc criou um texto, porem selecionou uma palavra marcando ela com strong... contudo, vc vai ate o css e editar a frase, modificando a cor, como herança a palavra marcada com strong tbm sera atingida como herança...
Aula 03
-
Imagine, que vc vai fazer 3 edições de cores, no cabeçalho vc edita o css interno da cor verde, e la no css externo vc edita a cor vermelha e voltando para o html vc edita azul no css inline, então qual delas vai ganhar?
o azul, pois o navegador vai ler o primeiro o css interno, depois o externo e por fim o inline, enfim a ultima e que vale. Isso e o efeito cascata...
Aula 04
Unidades de medidas absolutas
px, pt - usadas em fontes, 3in - polegadas, 5cm, 4mm - cm e mm não e muito utilizado...
Aula 05
-
-
-
-
tem tbm o caso do "rem", no caso do em que pega o efeito cascata do Pai, o rem pega o efeito cascata raz que e o html, ex:
-
-
-
</html> essa e a diferença do em e o rem, pois o rem pega a raiz do html...
Aula 06
-
temos a unidade de medida %, ela e medida apartir do tamanho da div em que ela esta, caso uma div esteja dentro de outra, a porcentagem sera medida dentro de div.
temos tabem o tamanho ex, 30 ex; ele e medido de acordo com o tamanho da fonte, então a div sera baseada no tamanho da fonte.
Monospace - são fontes em que as letras são todas do mesmo tamanho... PARA ISSO PODEMOS USAR O EX: 30CH; essa unidade de medida e muito pouco usado.
Aula 07
A unidade de vh e o tamanho total do espaço em que ele esta, ou seja ele vai pegar toda a tela lateral.
-
-
Aula 08
O inherit
O inherit e usado para colocar nas propriedades do css, usando as funções que ja foram usadas acima...
Aula 09
-
-
-
-
tbm posso usar o border: 2px solid currentcolor; - o currentcolor dara funcionara como o inherit, ele pega a cor que ja esta sendo usada na fonte e transfere para a borda.