See the Pen Background by Lucas Samuel Galdino Orlandini (@lucassamu) on CodePen.

Background (Explicação)

O background pode ser usado para colocar o fundo de qualquer objeto, temos o exemplo de um div, do body (que é o corpo de HTML), ou um texto. O background pode colocar o fundo ser uma cor, gradiante e imagem.

1. background-color (define a cor do fundo);

2. background-image (define uma imagem de fundo);

3. background-repeat (define a maneira como a imagem de fundo é posicionada);

4. background-attachment (define se a imagem de fundo "rola" ou não com a tela);

5. background (maneira abreviada para declarar todas as propriedades anteriores).
SAIR

See the Pen PobNpLK by Lucas Samuel Galdino Orlandini (@lucassamu) on CodePen.

DIV (Explicação)

O elemento de divisão HTML <div> é um container genérico para conteúdo de fluxo, que de certa forma não representa nada. Ele pode ser utilizado para agrupar elementos para fins de estilos (usando class ou id), ou porque eles compartilham valores de atributos, como lang.

1. Width (Define uma largura da div);

2. Height (Define uma altura da div);

3. Class (Define uma classe para alteração do conjunto);

4. background-color (Define a cor da div).
SAIR

See the Pen ExNKvVd by Lucas Samuel Galdino Orlandini (@lucassamu) on CodePen.

Function (Explicação)

Funções (function) são blocos de construção fundamentais em JavaScript. Uma função é um procedimento de JavaScript - um conjunto de instruções que executa uma tarefa ou calcula um valor.

1. Number (Define que o valor sera um numero inteiro ou real);

2. innerHTML (Serve para substituir um texto em html);

3. var (É uma váriavel que pode ser usada para guardar dados);

4. getElementById (Serve para pegar um objeto html usando o id);

SAIR

See the Pen IMG by Lucas Samuel Galdino Orlandini (@lucassamu) on CodePen.

IMG (Explicação)

O elemento HTML <img> (or HTML Image Element) representa a inserção de imagem no documento, sendo implementado também pelo HTML5 para uma melhor experiência com o elemento <figure> e <figcaption></figcaption>

1. SRC (Define o nome e o endereço da imagem);

2. Figure (Serve para fazer a junção da imagem com legendas);

3. Figcaption (Serve para colocar legenda numa imagem);

SAIR

See the Pen FONT by Lucas Samuel Galdino Orlandini (@lucassamu) on CodePen.

IMG (Explicação)

O elemento HTML <img> (or HTML Image Element) representa a inserção de imagem no documento, sendo implementado também pelo HTML5 para uma melhor experiência com o elemento <figure> e <figcaption></figcaption>

1. color (Define a cor do texto);

2. font-family (Define o tema da fonte);

3. font-size (Define o tamanho da fonte, seja ela em px ou pt);

SAIR