Conteúdo programático

  • Introdução ao CSS3
    • História.
    • Versões: CSS1; CSS2; CSS3.
    • Como funciona a linguagem CSS.
    • Estilos Inline.
    • CSS incorporado no arquivo HTML.
    • Incluindo um arquivo CSS externo.
    • Importando um arquivo CSS.
    • HTML5 X CSS3.
    • Estágios de padronização da W3C.
    • Prefixos proprietários.
    • Modularização.
  • Seletores e herança
    • Seletores.
    • Entendendo o DOM: Selecionando pela classe; Selecionando pelo ID; Selecionando pelo elemento HTML.
    • Listagem de seletores da CSS3.
    • Herança em CSS3.
    • Especificidade e a propriedade !important.
    • Boas práticas: Evite qualificar demais; Utilize declarações CSS compactas; Evite duplicar regras; Condensando regras; Evite !important.
  • Posicionamento e alinhamento
    • Box Model na CSS3.
    • Configurando largura e altura.
    • Configurando margem ? Margin: Removendo a margem padrão das páginas.
    • Configurando espaçamento ? Padding.
    • Configurando posicionamento ? Position: Posicionamento inherit; Posicionamento estático; Posicionamento fixo; Posicionamento relativo; Posicionamento absoluto.
    • Elementos flutuantes para layout: Clear; Trabalhando camadas com z-index.
    • Flexible box layout: Controlando o fluxo dentro de um contêiner.
  • Trabalhando com cores, backgrounds e gradientes
    • Trabalhando com cores: Declaração hexadecimal; Declaração RGB; Declaração RGBA; Declaração HSL; Declaração HSLA; Declaração predefinida.
    • Trabalhando com backgrounds: Propriedade background-clip (border-box, content-box e padding-box); Propriedade background-origin (border-box, content-box e padding-box); Propriedade background-size (Definindo tamanho com valor fixo, tamanho com porcentagem, tamanho com o valor cover e tamanho com o valor contain); Múltiplos backgrounds.
    • Trabalhando com gradientes: Gradiente linear; Gradiente radial (Gradiente radial circular e Gradiente radial elíptico).
  • Bordas e sombras
    • Bordas: border-width; border-style; border-color; border-radius; border-image; border-image-source; border-image-slice; border-image-width; border-image-outset; border-image-repeat).
    • Box shadow.
    • Text shadow.
  • Trabalhando com fontes
    • Fontes.
    • Propriedades para fontes.
    • Tamanho e formatações.
    • A regra @font-face: Tipos de fontes; Usando fontes locais; Usando fontes remotas; Usando fontes públicas (Usando um serviço de hospedagem de fontes); Restrições com fontes pagas.
    • Efeito em fontes.
  • Produzindo um layout responsivo
    • Etapas da criação de um layout: Briefing; Wireframe; Dimensões; Viewport (A regra @viewport).
    • Web design responsivo: Media queries (Projetando para desktop, para TV e dispositivos de alta definição, para tablet e para smartphone).
  • Transições em CSS3
    • transition-property.
    • transition-duration.
    • transition-timing-function.
    • transition-delay.
    • transition.
  • Desenhando com CSS3
    • Desenho com CSS3.
  • Parallax
    • Criando uma página com navegação long scrolling.
  • Animações
    • Trabalhando com animações em CSS3.

Pré-requisitos

Para que os alunos possam obter um bom aproveitamento do curso online de CSS3, é imprescindível que eles tenham participado do nosso curso HTML5 Fundamentos ou possuam conhecimentos equivalentes. Este curso foi ministrado com uso do Notepad ++. A instalação desse software é recomendável para o acompanhamento do curso e a execução das demonstrações dadas nas aulas.

Sobre o instrutor

  • Roque Fernando Marcos Sousa é consultor em TI, especialista em arquitetura da informação.
  • Instrutor de cursos de tecnologia da informação na Impacta Tecnologia desde 1999.
  • Também é palestrante.
  • Autor de publicações sobre Web e HTML5.

Certificação Impacta

Um dos títulos mais respeitados do país, atesta a qualidade e os conhecimentos de profissionais especializados nas mais variadas áreas de TI, Gestão e Design. Ao concluir o curso, você tem 90 dias a contar da data de término do curso para agendar seu exame.
Saiba mais sobre a certificação Impacta

Assine e tenha acesso a esse e mais centenas de cursos online:

Plano Anual

Apenas R$ 89,90/mês

Assine já

Plano Semestral

Apenas R$ 129/mês

Assine já

Ou comprar este curso avulso

em até 6x R$ 91,54

R$ 68,66

ou R$389.29 à vista

O que os alunos dizem sobre a Impacta

Ver mais depoimentos