CSS: Estilização através de seletores

Nessa aula vamos ver o que são seletores e como eles são importantes na estilização de elementos HTML. Através de alguns exemplos vamos ver a importância dos seletores no código CSS.

O seletor de tag é responsável por identificar um elemento pela sua tag correspondente no HTML. Com esse seletor definimos estilos globais para os elementos na página, o que define a mesma aparência para elementos do mesmo tipo.

O seletor de classe é responsável por identificar um elemento pelo nome de sua classe. Esse seletor nos permite personalizar os estilos dos elementos na página, fazendo com que elementos iguais tenham aparências diferentes.

Nessa aula vamos ver como fazer o reaproveitamento de classes no código CSS. Vamos aprender como utilizar uma classe em elementos diferentes para deixá-los com a mesma aparência e também como fazer com que um elemento tenha mais de uma classe, o que permite que ele tenha mais de um estilo.

No CSS é possível utilizar o mesmo estilo para mais de um seletor. Isso é feito agrupando seletores. Veremos nessa aula como agrupar os seletores de tag e de classe para definir um estilo em mais de um elemento da página.

Nesta aula vamos ver como combinar seletores de tag e de classe no CSS. A combinação de seletores é muito utilizada quando precisamos estilizar elementos específicos em uma página web. Quando combinamos seletores estamos utilizando a descendência de elementos no CSS.

Nessa aula vamos ver um exemplo prático de uma página que utiliza os conceitos vistos no decorrer desse curso. Através dessa página vamos entender na prática o uso dos seletores de tag e de classe e como combiná-los.

Vamos explicar os passos dados para criar e estilizar a página web que vimos na aula anterior. Nela utilizamos os seletores de tag e de classe de várias formas para mudar a aparência dos elementos da página. Vamos ver desde a criação da pasta e dos arquivos até a estilização dos elementos da página.