#Folia de descontos TreinaWeb - 30% OFF em todo site
Curso de CSS3 Básico 30%

Curso de

CSS3 Básico

Aprenda a formatar um documento web por completo, determinando todas as cores, formas, posições, tipos e tamanhos dos elementos que compõem uma página web, etc.

Adquira este curso de forma avulsa

Curso de CSS3 Básico

CSS3 Básico 30% OFF

de 6x R$ 24,98 por 6x R$ 17,49

R$ 104,93 à vista

Informações sobre o curso

Sobre o curso

CSS é a sigla para Cascading Style Sheets, traduzido em português para Folhas de Estilo em Cascata. Folhas de estilo nada mais são do que documentos em que são definidas as regras de formatação e de estilos a serem aplicadas aos elementos estruturais de marcação de texto (Exemplos de aplicação do CSS: HTML e XML).

No mercado de trabalho atual, o CSS 3, em conjunto com o HTML5, é a linguagem mais importante para a formatação de textos, layouts e desenvolvimento front-end nos padrões da web.

Neste curso você aprenderá a selecionar e modificar elementos de um documento utilizando as mais variadas propriedades e seletores. Também aprenderá sobre as principais formas de se aplicar o CSS ao documento.

Conhecimentos adquiridos

No curso de CSS3 Básico do TreinaWeb Cursos você aprenderá o básico sobre as principais definições e conceitos que envolvem o CSS, quais as vantagens de se usar CSS e aprenderá a criar um ambiente de trabalho completo que será usado tanto para os exemplos ao longo do curso, como para o projeto final.

Tendo esta base inicial você aprenderá a sintaxe básica e a anatomia de uma regra CSS, aprenderá as formas de se aplicar o CSS em um documento, sobre seletores e padrões e como inserir comentários em seus estilos.

Quando falamos de desenvolvimento web com conhecimento do DOM – Document Object Model é essencial, e isso será abordado no curso, bem como a árvore do DOM e sua hierarquia, para que você possa compreender melhor a herança de seletores.

Vários seletores podem ser usando no CSS3, no curso você aprenderá a usar os seletores básicos, o seletor Universal, seletor tipo, seletores agrupados, seletores encadeados, seletores de classe e id.

Aprender a selecionar é o mais fundamental em CSS3, pois se você não selecionar corretamente os elementos que você deseja aplicar o estilo o resultado final não será o desejado. Após aprender a selecionar os elemento você aprenderá a usar diversas propriedades para edição de margens, cores, opacidade, tamanho, largura, tipo de fonte, decoração de texto e muito mais.

No projeto final você irá criar um website e aplicará muitos dos conceitos ensinados ao longo do curso para uma melhor fixação dos assuntos abordados.

Quais os pré-requisitos para esse curso?

Os pré-requisitos não são obrigatórios, mas eles dão uma base de parte do conhecimento necessário que se precisa ter para fazer esse curso.

Carga horária do curso

2h21

Curso com 2h21 horas de vídeos

24h

Curso com certificado de 24 horas

Ambiente do curso

  • Google Chrome Canary
  • Firefox
  • Sublime Text 2

Metodologia

  • Vídeo-aulas
  • Texto e imagens
  • Início imediato
  • Exemplos práticos

Satisfação garantida ou seu dinheiro de volta!

Adquira este curso agora mesmo

Curso de CSS3 Básico

CSS3 Básico 30% OFF

de 6x R$ 24,98 por 6x R$ 17,49

R$ 104,93 à vista

Conteúdo programático Baixar esta ementa

Tópicos do Curso

  1. Códigos, imagens, diagramas etc.

    Introdução
  2. Códigos, imagens, diagramas etc.

    Definições e conceitos
  3. Códigos, imagens, diagramas etc.

    Quais as vantagens de se usar CSS?
  4. Códigos, imagens, diagramas etc.

    Ambiente de trabalho
  5. Códigos, imagens, diagramas etc.

    Sublime Text 2
  6. Códigos, imagens, diagramas etc.

    Google Chrome Canary e Firefox
  7. Códigos, imagens, diagramas etc.

    Sintaxe básica
  8. Códigos, imagens, diagramas etc.

    Anatomia de uma regra CSS
  9. Códigos, imagens, diagramas etc.

    Formas de se aplicar CSS
  10. Códigos, imagens, diagramas etc.

    Método In-line (usando o atributo style)
  11. Códigos, imagens, diagramas etc.

    Método Incorporado (usando o elemento style)
  12. Códigos, imagens, diagramas etc.

    Método externo (estilos em um arquivo CSS)
  13. Vídeoaula com duração de: 00:06:20

    Exemplo da aplicação de CSS
  14. Códigos, imagens, diagramas etc.

    Seletores e padrões
  15. Códigos, imagens, diagramas etc.

    Sensibilidade à caixa e espaços
  16. Códigos, imagens, diagramas etc.

    Comentários
  17. Códigos, imagens, diagramas etc.

    DOM – Document Object Model
  18. Códigos, imagens, diagramas etc.

    Elemento-pai e elemento-filho
  19. Códigos, imagens, diagramas etc.

    Elemento descendente e elemento ancestral
  20. Códigos, imagens, diagramas etc.

    Elemento irmão
  21. Códigos, imagens, diagramas etc.

    Elemento precedente
  22. Códigos, imagens, diagramas etc.

    Elemento subsequente
  23. Códigos, imagens, diagramas etc.

    Box Model
  24. Vídeoaula com duração de: 00:07:12

    Trabalhando com Box Model
  25. Códigos, imagens, diagramas etc.

    Herança de seletores
  26. Códigos, imagens, diagramas etc.

    Seletores básicos
  27. Códigos, imagens, diagramas etc.

    Seletor Universal
  28. Códigos, imagens, diagramas etc.

    Seletor tipo
  29. Códigos, imagens, diagramas etc.

    Seletores agrupados
  30. Códigos, imagens, diagramas etc.

    Seletores encadeados
  31. Códigos, imagens, diagramas etc.

    Seletores de classe e id
  32. Códigos, imagens, diagramas etc.

    Seletor de classe
  33. Códigos, imagens, diagramas etc.

    Seletor id
  34. Códigos, imagens, diagramas etc.

    Margens externas e internas
  35. Códigos, imagens, diagramas etc.

    margin
  36. Códigos, imagens, diagramas etc.

    padding
  37. Códigos, imagens, diagramas etc.

    Unidades de medida
  38. Códigos, imagens, diagramas etc.

    Unidades absolutas
  39. Códigos, imagens, diagramas etc.

    Unidades relativas
  40. Códigos, imagens, diagramas etc.

    Pixel
  41. Códigos, imagens, diagramas etc.

    Entendendo a unidade em
  42. Códigos, imagens, diagramas etc.

    Unidade de medida rem
  43. Códigos, imagens, diagramas etc.

    rem ou em?
  44. Códigos, imagens, diagramas etc.

    Porcentagem %
  45. Vídeoaula com duração de: 00:13:45

    Trabalhando com unidades de medida
  46. Códigos, imagens, diagramas etc.

    Conclusão sobre as unidades de medida
  47. Códigos, imagens, diagramas etc.

    Cores
  48. Códigos, imagens, diagramas etc.

    Color
  49. Códigos, imagens, diagramas etc.

    Hexadecimal
  50. Códigos, imagens, diagramas etc.

    RGB
  51. Códigos, imagens, diagramas etc.

    transparent
  52. Códigos, imagens, diagramas etc.

    Palavra-chave
  53. Códigos, imagens, diagramas etc.

    Cores do sistema operacional
  54. Códigos, imagens, diagramas etc.

    HSL
  55. Códigos, imagens, diagramas etc.

    Transparência com HSLA
  56. Códigos, imagens, diagramas etc.

    Opacidade
  57. Códigos, imagens, diagramas etc.

    Background
  58. Códigos, imagens, diagramas etc.

    background-color
  59. Códigos, imagens, diagramas etc.

    background-image
  60. Códigos, imagens, diagramas etc.

    background-repeat
  61. Códigos, imagens, diagramas etc.

    background-position
  62. Códigos, imagens, diagramas etc.

    background-attachment
  63. Códigos, imagens, diagramas etc.

    background-clip
  64. Códigos, imagens, diagramas etc.

    background-origin
  65. Códigos, imagens, diagramas etc.

    background-size
  66. Códigos, imagens, diagramas etc.

    Múltiplos backgrounds
  67. Códigos, imagens, diagramas etc.

    background
  68. Códigos, imagens, diagramas etc.

    Bordas
  69. Códigos, imagens, diagramas etc.

    border-width
  70. Códigos, imagens, diagramas etc.

    border-style
  71. Códigos, imagens, diagramas etc.

    border-color
  72. Códigos, imagens, diagramas etc.

    border
  73. Códigos, imagens, diagramas etc.

    border-radius
  74. Códigos, imagens, diagramas etc.

    border-image
  75. Códigos, imagens, diagramas etc.

    Sombras
  76. Códigos, imagens, diagramas etc.

    box-shadow
  77. Códigos, imagens, diagramas etc.

    text-shadow
  78. Vídeoaula com duração de: 00:09:23

    Trabalhando com box-shadow e text-shadow
  79. Códigos, imagens, diagramas etc.

    Fontes
  80. Códigos, imagens, diagramas etc.

    Tipografia
  81. Códigos, imagens, diagramas etc.

    serif
  82. Códigos, imagens, diagramas etc.

    sans serif
  83. Códigos, imagens, diagramas etc.

    cursive
  84. Códigos, imagens, diagramas etc.

    fantasy
  85. Códigos, imagens, diagramas etc.

    monospace
  86. Códigos, imagens, diagramas etc.

    font-family
  87. Códigos, imagens, diagramas etc.

    font-style
  88. Códigos, imagens, diagramas etc.

    font-variant
  89. Códigos, imagens, diagramas etc.

    font-weight
  90. Códigos, imagens, diagramas etc.

    font-size
  91. Códigos, imagens, diagramas etc.

    font-stretch
  92. Códigos, imagens, diagramas etc.

    font-size-adjust
  93. Códigos, imagens, diagramas etc.

    font
  94. Códigos, imagens, diagramas etc.

    Fontes em servidores remotos
  95. Códigos, imagens, diagramas etc.

    @font-face
  96. Códigos, imagens, diagramas etc.

    API de fontes do Google
  97. Vídeoaula com duração de: 00:04:59

    Trabalhando com o Google Web Fonts
  98. Códigos, imagens, diagramas etc.

    Trabalhando com textos
  99. Códigos, imagens, diagramas etc.

    color
  100. Códigos, imagens, diagramas etc.

    text-indent
  101. Códigos, imagens, diagramas etc.

    text-align
  102. Códigos, imagens, diagramas etc.

    text-decoration
  103. Códigos, imagens, diagramas etc.

    letter-spacing
  104. Códigos, imagens, diagramas etc.

    text-transform
  105. Códigos, imagens, diagramas etc.

    direction
  106. Códigos, imagens, diagramas etc.

    word-spacing
  107. Códigos, imagens, diagramas etc.

    white-space
  108. Vídeoaula com duração de: 00:11:16

    Propriedades de texto
  109. Códigos, imagens, diagramas etc.

    Formatação de listas
  110. Códigos, imagens, diagramas etc.

    list-style-image
  111. Códigos, imagens, diagramas etc.

    list-style-position
  112. Códigos, imagens, diagramas etc.

    list-style-type
  113. Códigos, imagens, diagramas etc.

    Listas ordenadas
  114. Códigos, imagens, diagramas etc.

    list-style
  115. Vídeoaula com duração de: 00:13:09

    Criando um menu
  116. Códigos, imagens, diagramas etc.

    Posicionamentos básicos
  117. Códigos, imagens, diagramas etc.

    Elementos de bloco e de linha
  118. Códigos, imagens, diagramas etc.

    display
  119. Vídeoaula com duração de: 00:13:15

    Alterando o posicionamento dos elementos da página
  120. Códigos, imagens, diagramas etc.

    Flutuando elementos com float
  121. Vídeoaula com duração de: 00:11:57

    Trabalhando com a propriedade float
  122. Códigos, imagens, diagramas etc.

    Posicionamento relativo
  123. Códigos, imagens, diagramas etc.

    Posicionamento absoluto
  124. Códigos, imagens, diagramas etc.

    Posicionamento estático e fixo
  125. Códigos, imagens, diagramas etc.

    z-index
  126. Vídeoaula com duração de: 00:11:26

    Trabalhando com a propriedade position
  127. Códigos, imagens, diagramas etc.

    Largura e altura
  128. Códigos, imagens, diagramas etc.

    Seletores complexos
  129. Códigos, imagens, diagramas etc.

    Seletores de atributo
  130. Códigos, imagens, diagramas etc.

    elemento[atr]
  131. Códigos, imagens, diagramas etc.

    elemento[atr="val"]
  132. Códigos, imagens, diagramas etc.

    elemento[atr~="val"]
  133. Códigos, imagens, diagramas etc.

    elemento[atr|="val"]
  134. Códigos, imagens, diagramas etc.

    elemento[atr^="val"]
  135. Códigos, imagens, diagramas etc.

    elemento[atr$="val"]
  136. Códigos, imagens, diagramas etc.

    elemento[atr*="val"]
  137. Códigos, imagens, diagramas etc.

    Pseudo-classes
  138. Códigos, imagens, diagramas etc.

    Pseudo-classes dinâmicas
  139. Códigos, imagens, diagramas etc.

    Pseudo-classes estruturais
  140. Códigos, imagens, diagramas etc.

    nth-child
  141. Códigos, imagens, diagramas etc.

    nth-last-child
  142. Códigos, imagens, diagramas etc.

    nth-of-type
  143. Códigos, imagens, diagramas etc.

    nth-last-of-type
  144. Códigos, imagens, diagramas etc.

    last-child e first-child
  145. Códigos, imagens, diagramas etc.

    first-of-type e last-of-type
  146. Códigos, imagens, diagramas etc.

    only-child e only-of-type
  147. Códigos, imagens, diagramas etc.

    empty
  148. Códigos, imagens, diagramas etc.

    selection
  149. Códigos, imagens, diagramas etc.

    not
  150. Códigos, imagens, diagramas etc.

    first-letter e first-line
  151. Códigos, imagens, diagramas etc.

    target
  152. Códigos, imagens, diagramas etc.

    root
  153. Códigos, imagens, diagramas etc.

    lang
  154. Códigos, imagens, diagramas etc.

    Seletor filho
  155. Códigos, imagens, diagramas etc.

    Seletor irmão adjacente
  156. Vídeoaula com duração de: 00:16:08

    Seletores menos utilizados
  157. Códigos, imagens, diagramas etc.

    Gradientes
  158. Códigos, imagens, diagramas etc.

    Gradiente linear
  159. Códigos, imagens, diagramas etc.

    Parâmetros da função gradiente
  160. Códigos, imagens, diagramas etc.

    Gradiente radial
  161. Códigos, imagens, diagramas etc.

    Repetição de gradientes
  162. Códigos, imagens, diagramas etc.

    Geradores CSS3
  163. Códigos, imagens, diagramas etc.

    Projeto final do curso
  164. Códigos, imagens, diagramas etc.

    Desenvolvendo o website
  165. Vídeoaula com duração de: 00:22:44

    Implementando CSS3 no site
  166. Códigos, imagens, diagramas etc.

    Conclusão

Adquira este curso agora mesmo

Curso de CSS3 Básico

CSS3 Básico 30% OFF

de 6x R$ 24,98 por 6x R$ 17,49

R$ 104,93 à vista

Vantagens de estudar no Treinaweb

Início imediato! Não é necessário aguardar a formação de turmas.

Defina o horário que quiser e estude de onde estiver.

Após o curso, você ainda tem 2 anos para revisar o conteúdo.

Assim que finalizar, receba o certificado em casa, sem custo adicional.

Escolha o dispositivo que preferir: PC, Tablet ou Smartphone.

Se surgir alguma dúvida, basta perguntar aos nossos instrutores.

Satisfação garantida ou seu dinheiro de volta.

24h

Curso com certificado de 24 horas

O que os alunos dizem?

Gostei muito do curso, apesar de conhecer css, esse curso acrescentou muito no meu conhecimento, muitas coisa que eu não sabia que o css era capaz de fazer foram esclarecidas aqui, muito obrigado equipe Treina Web, realmente vale muito apena saber mais sobre css3 Básico.

Adquira este curso de forma avulsa

Curso de CSS3 Básico

CSS3 Básico 30% OFF

de 6x R$ 24,98 por 6x R$ 17,49

R$ 104,93 à vista

Quer ter acesso completo a todos os nossos cursos?

Escolha um dos planos abaixo e comece agora mesmo!

30% OFF
1 ano
De 12x R$ 99
12x 69 reais
ou por R$ 828,00 à vista
  • 1 ano de acesso a todos os cursos
  • Cursos novos toda semana
  • Certificados digitais
  • Suporte com SLA de 4 horas úteis
    Suporte exclusivo, feito diretamente por nossos professores. SLA = Tempo médio para resposta.
  • Lançamentos e atualizações
  • Plano de estudos individual
    Plano de estudos desenvolvido junto a um professor orientador
Matricule-se
30% OFF
3 anos
De 12x R$ 199
12x 139 reais
ou por R$ 1.668,00 à vista
  • 3 anos de acesso a todos os cursos
  • Cursos novos toda semana
  • Certificados digitais
  • Suporte com SLA de 4 horas úteis
    Suporte exclusivo, feito diretamente por nossos professores. SLA = Tempo médio para resposta.
  • Lançamentos e atualizações
  • Plano de estudos individual
    Plano de estudos desenvolvido junto a um professor orientador
Matricule-se
30% OFF
5 anos
De 12x R$ 256
12x 179 reais
ou por R$ 2.148,00 à vista
  • 5 anos de acesso a todos os cursos
  • Cursos novos toda semana
  • Certificados digitais
  • Suporte com SLA de 4 horas úteis
    Suporte exclusivo, feito diretamente por nossos professores. SLA = Tempo médio para resposta.
  • Lançamentos e atualizações
  • Plano de estudos individual
    Plano de estudos desenvolvido junto a um professor orientador
Matricule-se

Cursos relacionados