CSS: Fundamentos para Estilização Web

Ref: CSS

CSS: Fundamentos para Estilização Web

Qual o objetivo do curso?

Desenvolver competências para que o(a) aluno(a) seja capaz de aplicar recursos de CSS para estilização e organização visual de páginas web, utilizando conceitos de layout, responsividade, animações e boas práticas para construção de interfaces modernas e alinhadas às necessidades do desenvolvimento web.


  • 40/horas aula

    A carga horária deste curso é sempre a mesma independentemente do turno que você escolher realizar seu treinamento.

  • Presencial, online e híbrido

    Seu treinamento poderá ser realizado de modo presencial, online (você assistindo ao vivo ou a mesma aula gravada de sua casa) ou híbrido (você assistirá de sua casa quando não puder se fazer presente).

  • Material incluso

    No 1º dia de aula você receberá o seu kit de treinamento: uma linda bolsa, caneta, caderno, livro apostila ou pendrive.

  • Estrutura completa

    Conte com uma estrutura completa com 13 laboratórios equipados. Clique e confira!

  • Coffee-break em todas aulas

    Em nossos cursos presenciais você terá um intervalo para desfrutar de um delicioso coffee-break com lanches, frutas, bolos, sucos e café. E o melhor: você não paga nada a mais por isso!

  • Mais informações

    Clique para conversar com a gente diretamente pelo Whats e tirar todas as suas dúvidas.

Esse curso é ideal para

Este curso é destinado a estudantes, iniciantes em tecnologia, futuros desenvolvedores e pessoas interessadas em aprender estilização e construção visual para aplicações web utilizando CSS.

O que você precisa conhecer antes

Ter concluído o curso HTML5: Fundamentos para Desenvolvimento Web ou possuir conhecimentos equivalentes em estruturação de páginas utilizando HTML.

Conteúdo Programático

1. Histórico do CSS

  • Evolução do CSS
  • Importância do CSS no desenvolvimento web
  • Separação entre estrutura e apresentação

2. Agrupando e Identificando Elementos HTML

  • Uso de id
  • Uso de class
  • Organização e reutilização de estilos

3. Sintaxe e Seletores

  • Estrutura das regras CSS
  • Seletores básicos e avançados
  • Atributo style
  • CSS inline, interno e externo

4. Prioridade de Regras em Cascata

  • Conceito de cascata
  • Especificidade
  • Ordem de aplicação das regras

5. Cor e Fundo

  • Aplicação de cores
  • Gradientes
  • Imagens de fundo
  • Combinação visual e identidade

6. Fonte e Texto

  • Tipografia
  • Tamanho e peso
  • Estilo
  • Espaçamento entre letras e linhas

7. Links

  • Estilização de links
  • Estados:
    • hover
    • active
    • visited

8. Altura, Largura, Espaçamento e Bordas

  • Controle de dimensões
  • Padding
  • Margin
  • Border

9. Layouts

  • Modelo de Caixa (Box Model)
  • Propriedades Display
  • Position
  • Layout com Flexbox
  • Layout com Grid

10. Tabelas

  • Estilização e organização visual de tabelas

11. Media Queries e Responsividade

  • Conceito de viewport
  • Design responsivo e adaptativo
  • Estratégia Mobile First
  • Uso de srcset para imagens

12. Animações

  • Transições
  • Animações com @keyframes

13. Pseudo-seletores

  • :hover
  • :first-child
  • :nth-child
  • Aplicações práticas

14. Metodologias de CSS

  • BEM (Block, Element, Modifier)
  • OOCSS (Object-Oriented CSS)

15. Frameworks CSS

  • Por que utilizar frameworks
  • Bootstrap
  • MaterializeCSS
  • Bulma

 

Desejo mais informações