Curso
CSS: Modificando elementos HTML
A modificação de elementos HTML através do CSS é parte essencial da construção de páginas profissionais, pois através dos recursos que serão vistos neste curso é possível evoluir a qualidade da sua página Web. Neste curso veremos como modificar elementos HTML através de propriedades de ajustes de tamanho como width e height, aprenderemos a definir tamanhos máximos e mínimos com min-width, max-width, min-height e max-height, utilizar tamanhos relativos como porcentagem, vh e vw e também a definir a visibilidade de um elemento no navegador utilizando display, visibility e opacity através do CSS.
Esse curso inclui:
Suporte em tempo real
Certificado
Carga horária:
9 horas
Curso de CSS (9 aulas)
Aula 1 - Introdução
O próximo passo no aprendizado do CSS é a modificação de elementos HTML. Iremos avançar aprendendo o que significa modificar elementos HTML e como isso pode auxiliar a construção de páginas de um site através do CSS.
Aula 2 - Valores Relativos
Nesta aula você aprenderá o que são valores relativos e como utilizá-los no CSS para customizar elementos HTML de maneira dinâmica, sem ficar preso com a definição de pixels fixos.
Aula 3 - Definindo o tamanho dos elementos
Vimos anteriormente como definir o tamanho de elementos utilizando width e height. Nesta aula você vai aprender a definir altura e largura mínima e máxima através das propriedades min-width, max-width, min-height e max-height.
Aula 4 - Overflow
Nesta aula aprenderemos a utilizar a propriedade overflow, para tratar conteúdos que ultrapassam uma área determinada em um elemento.
Aula 5 - Exibindo e ocultando elementos
Aprenda nesta aula três recursos de exibição de elementos disponíveis no CSS: Display, Visibility e Opacity. Os recursos de visibilidade de elementos permitem, junto de outros recursos, deixar a página mais dinâmica.
Aula 6 - Box-Sizing
Aprenda nesta aula como modificar a forma como o tamanho de um elemento HTML é calculado através do box-sizing: border-box, a fim de resolver problemas como quebra de páginas e criação de scrolls horizontais não-desejados, por exemplo.
Aula 7 - Box-Shadow
Aprenda nesta aula como adicionar sombras externas e internas a elementos HTML com o fim de melhorar o visual estético das suas páginas através do CSS. Aprenda como utilizar o box-shadow para alcançar esses objetivos, criando sombras personalizadas através dessa propriedade.
Aula 8 - Exemplo prático
Nesta aula vamos colocar em prática o que aprendemos. Vamos conhecer um exemplo prático que utiliza diversos recursos que aprendemos neste curso, tais como min-width, overflow e box-shadow.
Aula 9 - Faça você mesmo
Nesta aula vamos explicar os passos dados para criar e estilizar a página web que vimos na aula anterior. Lembrando que esta página utiliza as propriedades width, max-width, overflow dentre outras que vimos no decorrer do curso.
Veja outros cursos de HTML e CSS
CSS: Flexbox
CSS: Position relative e absolute
CSS: Position fixed