WebMundi.com
DESDE 1998
Tutorial · Desenvolvimento Web
CSS
Básico
Domine a linguagem que dá vida visual às páginas web. Do zero ao layout responsivo, passo a passo para iniciantes.
20
Aulas
∞
Gratuito
30+
Anos de expertise
/* Seletores básicos */
body {
font-family: sans-serif;
background: #f0f4f8;
}
h1 {
color: #0f3460;
font-size: 2rem;
}
.card {
border-radius: 8px;
box-shadow: 0 4px 16px
rgba(0,0,0,.12);
}
// preview →
Título estilizado
Este é o resultado visual do código CSS acima aplicado ao HTML.
SELETORES · FLEXBOX · GRID · ANIMAÇÕES · RESPONSIVIDADE · VARIÁVEIS · PSEUDO-CLASSES · BOOTSTRAP ·
SELETORES · FLEXBOX · GRID · ANIMAÇÕES · RESPONSIVIDADE · VARIÁVEIS · PSEUDO-CLASSES · BOOTSTRAP ·
Conteúdo do Tutorial
20 AULAS
AULA 01
O que é CSS? Uma Introdução para Iniciantes
CONCEITO
→
AULA 02
Compreendendo a Sintaxe e Estrutura do CSS
CONCEITO
→
AULA 03
Como Adicionar CSS ao HTML
CONCEITO
→
AULA 04
Explorando Seletores Básicos de CSS
CONCEITO
→
AULA 05
Trabalhando com Cores em CSS
ESTILO
→
AULA 06
Estilizando Texto com CSS
ESTILO
→
AULA 07
Controlando Margens e Espaçamentos com CSS
ESTILO
→
AULA 08
Adicionando Bordas e Sombras com CSS
ESTILO
→
AULA 09
Compreendendo o Modelo de Caixa do CSS
CONCEITO
→
AULA 10
Criando Layouts Flexíveis com Flexbox
LAYOUT
→
AULA 11
Introdução ao CSS Grid Layout
LAYOUT
→
AULA 12
Unidades de Medida em CSS: px, em, rem, %, vw, vh
CONCEITO
→
AULA 13
Tornando seu Site Responsivo com Media Queries
LAYOUT
→
AULA 14
Explorando Pseudo-classes e Pseudo-elementos
AVANÇADO
→
AULA 15
Adicionando Transições e Animações com CSS
AVANÇADO
→
AULA 16
Boas Práticas para Organizar seu Código CSS
AVANÇADO
→
AULA 17
Introdução ao Bootstrap: Um Framework CSS Popular
AVANÇADO
→
AULA 18
Usando Variáveis CSS para Simplificar seu Código
AVANÇADO
→
AULA 19
Como Estilizar Formulários com CSS
ESTILO
→
AULA 20
Ferramentas e Técnicas para Depurar CSS
AVANÇADO
→
Do básico ao
profissional
O tutorial cobre a jornada completa: entender a linguagem, aplicar estilos, construir layouts modernos e adotar as melhores práticas do mercado.
Cores, tipografia e espaçamentos
Box Model e posicionamento
Flexbox e CSS Grid
Design responsivo com Media Queries
Animações e transições
Variáveis, Bootstrap e depuração
COMECE AGORA
O conteúdo é 100% gratuito. Aprenda no seu ritmo, sem pré-requisitos além do HTML básico.
→ INICIAR AULA 01