CSS: 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.

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.

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.

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.

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.

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.

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.

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”.

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.

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.