HTML5 e CSS3: fundamentos

Estrutura semantica e estilo consistente para projetos reais.

Semantica HTML

Use tags com significado para SEO, acessibilidade e manutencao.

<header></header>
<main>
  <section>
    <article></article>
  </section>
</main>
<footer></footer>

CSS Box Model

Todo elemento e composto por content, padding, border e margin.

Dica: use box-sizing: border-box; no CSS global.

Seletores essenciais

Basicos

tag, .classe, #id.

Compostos

:hover, >, ::before.

Flexbox introdutorio

.container {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  justify-content: center;
}

Unidades e cores

Prefira rem, %, vh/vw e variaveis CSS para consistencia.