Curso
CSS: Propriedades
Nesse curso veremos as propriedades no CSS e como elas mudam a aparência dos elementos nas páginas web. Vamos abordar algumas delas com diversos exemplos mostrando na prática como o visual do elemento é modificado. A abordagem será feita nas propriedades mais utilizadas na linguagem CSS, como font-size, color, margin, padding etc. É fundamental para o programador front-end conhecer bem as propriedades no CSS, pois elas são amplamente usadas em projetos web. Após esse curso, você estará apto a estilizar suas páginas web com um design agradável utilizando os estilos aprendidos nesse conteúdo.
Esse curso inclui:
Suporte em tempo real
Certificado
Carga horária:
11 horas
Curso de CSS (10 aulas)
Aula 1 - Conceito de propriedades
Nessa aula vamos relembrar o que é uma propriedade no CSS e como ela modifica a aparência de um elemento na página. Vamos abordar algumas das propriedades mais utilizadas no CSS através de diversos exemplos que serão usados ao longo do curso.
Aula 2 - Cor
Nessa aula vamos abordar propriedades no CSS que são responsáveis por aplicar cores nos elementos. Veremos as propriedades color e background-color, que estão entre as mais utilizadas na estilização dos elementos de uma página.
Aula 3 - Fonte
Veremos como as propriedades utilizadas para estilizar fontes mudam o visual de elementos como títulos, parágrafos, links etc. Estilizar elementos de texto é um recurso presente em todo tipo de projeto front-end.
Aula 4 - Altura e largura
Nessa aula vamos abordar duas propriedades no CSS que são utilizadas para definir o tamanho de um elemento na página. Essas propriedades são conhecidas como height (altura) e width (largura) e são muito comuns na estilização de tags do HTML.
Aula 5 - Margem
Com as margens podemos criar espaçamento entre os elementos, o que deixa a página com uma aparência agradável. Vamos abordar as propriedades margin, margin-top, margin-bottom entre outras.
Aula 6 - Borda
Com as bordas podemos criar uma linha que contorna o elemento, o que pode melhorar o seu visual na tela. Vamos abordar a propriedade border que é uma propriedade mais geral e outras propriedades específicas.
Aula 7 - Espaçamento interno
Nessa aula veremos propriedades utilizadas para espaçamento interno dos elementos HTML. Com isso podemos criar espaços internos ao redor do conteúdo do elemento, que por consequência faz com que o elemento fique com a largura e/ou altura maiores.
Aula 8 - Arredondamento de bordas
Veremos uma propriedade utilizada para arredondar os cantos das bordas de um elemento. Isso permite deixar alguns elementos com um visual melhor, deixando seus cantos com um formato mais “circular”.
Aula 9 - União de estilos
Nessa aula vamos aprender a unir estilos no CSS. Isso nos permite usar os mesmos estilos para mais de um elemento ao mesmo tempo. Veremos como mudar a aparência de múltiplos elementos usando os mesmos estilos.
Aula 10 - Exemplo prático
Vamos ver um exemplo que utiliza as propriedades que vimos no decorrer desse curso. O exemplo consiste em uma página de uma barbearia, que oferece serviços de cortes masculinos.
Veja outros cursos de HTML e CSS
CSS: Flexbox
CSS: Position relative e absolute
CSS: Position fixed