Flex Range

Fraction (fração do espaço disponível)

Fixed Ratio

Frame Rate

grid-template-columns: 50px 50px;

grid-template-columns: 1fr 1fr;

grid-template-columns: auto auto;

grid-columns: equal equal;

position: grid;

display: inline-grid;

display: block;

display: grid;

Remove automaticamente o padding e a border do elemento.

Faz com que a largura e altura do elemento incluam padding e border.

Define que a margem do elemento será aplicada dentro da borda.

Altera o modelo de caixa para inline-box.

border-width: blue;

border-color: blue;

border-style: blue;

border-background: blue;

Armazenar dados do usuário.

Criar a estrutura do site.

Estilizar os elementos da página.

Adicionar interatividade sem JavaScript.

<style src="estilos.css">

<script src="estilos.css"></script>

<css> { color: red; } </css>

<link rel="stylesheet" href="estilos.css">

<style src="estilos.css">

<script src="estilos.css"></script>

<css> { color: red; } </css>

<link rel="stylesheet" href="estilos.css">