Curso de CSS

Básicos do CSS Parte 1:

• Definir estilo e aplicá-lo ao CSS.

• Exemplos de aplicação de font-size, color, text-align, margin, padding, border e background-color aos elementos.

• Definir links e como incorporá-los no HTML para aplicar estilização CSS.

• A hierarquia de estilo inline > id > class > tag para aplicar estilos CSS de forma eficiente.

• Aplicar estilos CSS diretamente a um elemento usando estilos inline.

• Aplicar estilos CSS usando id.

• Aplicar estilos CSS usando class.

Básicos do CSS Parte 2:

• Usando tags HTML.

• Aninhamento de elementos HTML.

• Entendendo a hierarquia de classes CSS.

• Explorando hover e seu uso.

• Ajustando largura e altura do HTML.

Infraestrutura do layout da página Parte 1:

• Convenções de nomenclatura para classes em CSS

• A diferença entre as propriedades visibility e display, e como aplicá-las no design

• Exemplos de propriedades CSS como border-radius, visibility, display e box-sizing

• Os benefícios de usar o modelo border-box para um layout de design melhor.

Infraestrutura do layout da página Parte 2:

• Melhorando layouts no CSS.

• O que float e clear fazem para o layout do documento.

• O uso de float e clear.

• Uma revisão das abordagens para alinhar elementos.

Posicionando Elementos com CSS Parte 1:

• Explorando position no CSS.

• Entendendo posicionamento relativo.

• Entendendo posicionamento absoluto.

• Controlando a posição usando as propriedades top, left, right e bottom.

• Usando z-index para controlar a ordem de empilhamento dos elementos.

Posicionando Elementos com CSS Parte 2:

• Aprenda a posicionar elementos com a propriedade position do CSS.

• Entenda a diferença entre position: relative e position: absolute.

• Explore como usar as propriedades top, left, right e bottom para ajustar a posição dos elementos.

• Descubra como controlar a ordem de empilhamento dos elementos com a propriedade z-index.