Cheatography
https://cheatography.com
Teclas de comando para o Div Design.
Teclas disponíveis
d |
cria div |
t |
insere texto na div |
f |
aplica flex |
x |
recorta elemento |
[ |
alterna valores de uma propriedade para a esquerda |
] |
alterna valores de uma propriedade para a direita |
↓ |
alterna entre os valores de align-itens |
→ |
alterna entre os valores de justify-content |
espace (barra de espaço) |
abre Menu |
backsparece |
remove borda do elemento |
Esc ou Enter |
fecha o menu |
Ctrl + G |
aplicar gradiente sobre uma primeira cor |
Ctrl + clique na div |
aplica uma cor selecionada na borda e um elemento |
|
|
Flexbox
f |
aplicar Flexbox na div selecionada |
→ |
alterna entre os valores possíveis da propriedade justify-content |
↓ |
alterna entre os valores possíveis da propriedade alight-itens |
Cores
Preenchimento (background-color) |
clique na cor e depois na div para aplicar o preenchimento(background-color) |
Cor da borda (border-color) |
clique na cor, segurar Ctrl e clicar na div alvo para aplicar |
Gradiente |
clique na cor, segure Ctrl + G para aplicar na cor já existente |
Links úteis
Guia de Flexbox |
|
Guia de Flexbox |
|
Pratique Flexbox jogando |
|
Curso Flebox Completo |
|
|
|
Menu de propriedades CSS
espace |
posicione o ponteiro do mouse na div e aperte para abrir o menu |
[ |
alterne os valores de uma propriedade selecionada para a esquerda |
] |
alterne os valores de uma propriedade para a direita |
Esc |
feche o menu |
Enter |
feche o menu |
Texto
t |
insere texto na div selecionada. |
Fonte do texto |
abrir menu na div selecionada e clicar na propriedade font-family. |
Editar o texto |
Selecione innerHTML na barra de menus e depois clique na div onde está o texto. |
Cor do texto |
Selecione a cor, segure a tecla Shift e clique na div onde está o texto. |
|
Created By
Metadata
Comments
No comments yet. Add yours below!
Add a Comment