Escolar Documentos
Profissional Documentos
Cultura Documentos
Tags:
.<head>
Tags:
.<head>
.color:
.background
.exemplo{
border:1px solid black-----borda de 1 pixel sólida a preto
margin-top:doted---pontos
-----margem em cima
margin-bottom: -----margem em
padding-----------preenchimento embaixo
relação ao background
-top---------em
width: x px-----largura cima
height: y px-----altura
text-align: -----posição do texto
direction:
Fonte -----por onde começa o texto
da letra
google
Links fonts-tipos de fontes de letras no google
<div style="border:1px solid red"></div>---barra vermelha que
ocupa toda a pág.
class="ex1"
class="ex2"
.div1{
position:
overflow: relative;
hidden; -----não mostra o conteudo fora do elemento
overflow: visible; -----mostra
div.borda = <div class="borda"></div> o conteudo mesmo quando sai
Lorem float: left; -----flutua
Picsum -----site dedentro da div
imagens container, fica isolada
aleatórias
opacity:- (0.0
dropdown até 1)-----nível
aparecem de opacidade
mais opções
list-style-type:
Especificidade; --- estilo da lista tipo <ul>
1º- colocado
!important diretamento
--- ignora na tag
as especificidades
os que têm !important têm prioridade
Gradiente
background-image:
text-shadow: xpx ypx linear-gradient(cores);---na
zpx cor; vertical
white-space: nowrap; --- faz um texto com quebra de
linhas todo
Media numa
Queries: só linha
Tem 5 tamanhos
Flexbox
Tarefa Estado
JS01 Concluido
JS02 Concluido
JS03 Concluido
JS04 Concluido
JS05 Concluido
JS06 Concluido
JS07 Concluido
JS08 Concluido
JS09 Concluido
JS10 Concluido
JS11 Concluido
JS12 Concluido
JS13 Concluido
JS14 Concluido
JS15 Concluido
JS16 Concluido
JS17 Concluido
JS18 Concluido
JS19 Concluido
JS20
Apontamentos
Objetos
Eventos
array
If e Else
Switch
Laço de repetição for :
Laços sãoeuma
SetTimeout forma fácil de executar uma ação
ClearTimeOut
SetInterval
Classes - servem para construir objetos
datas(ano, mês, dias...)
JSON