Try   HackMD

Cheatsheet de propriedades básicas do CSS

cores

nomes de cores (red, white), hexadecimais (#FFFFFF, #F0F0F0), RGB (rgb(255, 0, 0), rgb(255, 255, 255)) e outros.
referência: W3 Schools Unidades de cores

unidades de tamanho

px, em, rem, vh, e outros
referência: W3 Schools Unidades de tamanho/posição

Texto

Nome Descrição Valores
color Define a cor do texto cores
text-align Define o alinhamento horizontal do texto left, right, center, justify
text-decoration Shorthand para as propriedades text-decoration-line, text-decoration-color, text-decoration-style text-decoration-line text-decoration-color text-decoration-style
text-decoration-line Define qual decoração utilizar no texto none, underline, overline, line-through
text-decoration-color Define a cor da decoração do texto cores
text-decoration-style Define o estilo da decoração do texto solid, double, dotted, dashed, wavy

Fontes

Nome Descrição Valores
font-family Define a fonte do texto nomes de fontes (Arial, Times New Roman) e fontes genéricas (sans-serif, serif)
font-weight Define o peso ou intensidade de uma fonte normal, bold, bolder, lighter e números de 100 até 900
font-size Define o tamanho da fonte medium, small, large, smaller, larger, unidades de tamanho, porcentagem do tamanho da fonte do pai

Elementos

Nome Descrição Valores
background Shorthand para as propriedades background-color, background-image, background-position, background-size, background-repeat e outras background-color background-image background-position/background-size background-repeat
background-color Define a cor do fundo de um elemento transparent ou cores
background-image Define uma ou mais imagens para o fundo do elemento url (caminho para a imagem) ou none
background-position Define a posição inicial da imagem de fundo do elemento combinação de 2 valores (left, top, right, bottom e center), (x% e y%) ou (x e y)
background-size Define o tamanho da imagem de fundo do elemento auto, cover, contain, unidades de tamanho ou porcentagem do tamanho do pai
opacity Define o nível de opacidade/transparência de um elemento de 0 a 1 onde 0.0 é totalmente transparente e 1.0 totalmente opaco
tags: cheatsheet front-end módulo 1
Last changed by 
 
CubosAcademy
0
626

Read more

Exercício de Casa :house:

Tente fazer o passo a passo abaixo sem consultar as aulas inicialmente. Caso não se lembre como realizar alguns dos passos, sinta-se a vontade para consultar as aulas.

Jun 29, 2023
Exercício de Casa :house:

1. Utilizando o Git e o GitHub Tente fazer o passo a passo abaixo sem consultar as aulas inicialmente. Caso não se lembre como realizar alguns dos passos, sinta-se a vontade para consultar as aulas. Crie um novo repositório no GitHub chamado hello-world Na sua máquina crie uma pasta para organizar seus estudos. Abra o terminal e navegue até a pasta que você criou. Clone esse repositório na sua máquina, na pasta que você criou. Crie um arquivo de texto chamado helloworld.txt, abra-o e digite "Olá mundo!", depois salve e feche o arquivo. Adicione o arquivo na staging area (que prepara o arquivo para ser "commitado") e faça um commit. Dê push nesse commit e veja se essas alterações apareceram no seu GitHub.

Sep 15, 2022
Exercício de casa 🏠

Ordem de prioridade, Cascata, Heran&#xE7;a e Especificidade 1. Analise o c&#xF3;digo abaixo. <head> <style> h1 { color: blue; } </style> </head>

Jun 15, 2021
Exercício de Casa :house:

1. Utilizando as novas ferramentas Tente fazer o passo a passo abaixo sem consultar as aulas inicialmente. Caso n&#xE3;o se lembro como realizar alguns dos passos, sinta-se a vontade para consultar as aulas e lembrar. Crie um novo reposit&#xF3;rio no GitHub chamado hello-world Na sua m&#xE1;quina, abra o terminal e navegue at&#xE9; a pasta que voc&#xEA; criou pelo curso, na mat&#xE9;ria de back-end, na aula 01. Clone esse reposit&#xF3;rio na sua m&#xE1;quina, na pasta da aula 01. Crie um arquivo .js chamado hello-world.js que imprima na tela a mensagem "Hello World". Execute esse arquivo atrav&#xE9;s do terminal, utilizando o node. Fa&#xE7;a uma commit para salvar esses arquivos na sua m&#xE1;quina. D&#xEA; push nessa commit e veja se essas altera&#xE7;&#xF5;es apareceram no seu GitHub.

Jun 8, 2021
Read more from CubosAcademy
Published on HackMD