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, pelo ID e 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
    • Introdução: 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, fixo, relativo, absoluto.
    • Elementos flutuantes para layout: Clear, Trabalhando camadas com z-index.
    • Flexible Box Layout: Controlando o fluxo dentro de um container.
  • Trabalhando com Cores, Backgrounds e Gradientes
    • Trabalhando com cores: Declaração Hexadecimal, RGB, RGBA, HSL, HSLA, e declaração predefinida.
    • Trabalhando com backgrounds: Propriedade background-clip (border-box, content-box, padding-box), Propriedade background-origin (border-box , content-box, padding-box), Propriedade background-size (Definindo tamanho com valor fixo, com porcentagem, com o valor cover, com o valor contain; Múltiplos backgrounds).
    • Trabalhando com gradientes: Gradiente Linear e Gradiente Radial (Gradiente Radial Circular, 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.

Pré-requisitos

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

Próximas turmas

Data e horário
Local
Preços e descontos
Nenhuma turma no momento

O que os alunos dizem sobre a Impacta

Ver mais depoimentos