Flex Range

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

Fixed Ratio

Frame Rate

grid-columns: equal equal;

grid-template-columns: 1fr 1fr;

grid-template-columns: 50px 50px;

grid-template-columns: auto auto;

display: block;

display: inline-grid;

position: grid;

display: grid;

Remove automaticamente o padding e a border do elemento.

Altera o modelo de caixa para inline-box.

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

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

Margin, Width, Height e Content

Width, Height, Background e Display

Margin, Border, Padding e Content

Inline, Block, Flex e Grid

border-style: blue;

border-width: blue;

border-color: blue;

border-background: blue;

Estilizar os elementos da página.

Armazenar dados do usuário.

Criar a estrutura do site.

Adicionar interatividade sem JavaScript.

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

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

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

<style src="estilos.css">

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

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

<style src="estilos.css">

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