Busca DevMedia
Você está buscando por "CSS" em vídeo aula
Já conhece nosso Plano de Estudo?
Conheça o passo a passo da Carreira Programador Front-End
- CSS Flexbox Vídeo
Nesta aula conheceremos o que é o CSS Flexbox e como podemos utilizá-lo para posicionar de forma simples os elementos de uma página.
- Flexbox + CSS position Vídeo
Nesta aula veremos como podemos utilizar o Flexbox e o CSS position juntos. Veremos também como aproveitar o melhor de cada ferramenta, visando suprir as limitações de cada uma.
- Introdução Vídeo
O próximo passo no seu aprendizado do CSS é entender o CSS Flexbox. Este curso visa ensinar as principais propriedades e técnicas do Flexbox para a criação de páginas web com layouts flexíveis e modernos.
- Descendência de elementos Vídeo
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.
- Introdução Vídeo
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.
- Valores Relativos Vídeo
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.
- Exemplo prático Vídeo
Com os conhecimentos que adquirimos nas aulas anteriores analisaremos uma página e veremos como a propriedade position do CSS foi usada para criar o seu layout.
- Introdução Vídeo
O próximo passo no aprendizado do CSS é o uso de pseudo-classes e pseudo-elementos para uma estilização mais customizada de elementos HTML, e é isso que começaremos a ver nesta aula.
- Estilizando a página Vídeo
Agora que você já aprendeu como exibir elementos na tela, o próximo passo é estilizá-los. Nesta aula você aprenderá como utilizar o CSS para estilizar a página criada com React.js.
- Exibindo e ocultando elementos Vídeo
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.
- Agrupando seletores Vídeo
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.
- Reaproveitando classes Vídeo
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.
- Box-Shadow Vídeo
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.
- Introdução Vídeo
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.
- Introdução Vídeo
Você já aprendeu as tecnologias HTML, CSS e JavaScript e já é um programador. Conheça nesta aula o próximo passo da sua carreira como programador front-end.
- Seletor de Tag Vídeo
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.
- CSS em arquivo externo Vídeo
Nessa aula vamos ver como adicionar CSS nas nossas páginas por meio de um arquivo externo. Veremos como aplicar CSS na página por meio de um arquivo CSS externo, que deve ser linkado com o arquivo HTML.
- Adicionando estilos CSS Vídeo
Existem duas formas de se adicionar estilos CSS no cabeçalho de páginas HTML, são elas o uso da tag link e da tag style. Nesta aula, vamos aprender como utilizar essas duas formas para adicionar estilos CSS em páginas HTML.
- Sintaxe do CSS Vídeo
Nessa aula vamos ver como é a sintaxe de um código na linguagem CSS. Vamos ver um pequeno exemplo que usa código CSS e ver na prática como definir corretamente os estilos dos elementos da página. Também vamos abordar o que é chave e valor na sintaxe dessa linguagem.
- Meu primeiro código CSS Vídeo
Veremos como adicionar estilos para os elementos HTML através do código CSS. Esses estilos serão adicionados no arquivo HTML por meio da tag style que é responsável por conter os estilos que mudam a aparência de uma página web.
- Conceito de propriedades Vídeo
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.
- Introdução Vídeo
CSS é uma linguagem de criação de estilos que é amplamente utilizada em conjunto com a linguagem de marcação HTML. Com o CSS podemos estilizar os elementos que estão presentes em um documento HTML, ou seja, mudar a aparência visual que esses elementos apresentam na tela.
- Propriedades de fonte Vídeo
Nessa aula vamos abordar propriedades no CSS que são utilizadas para estilizar fontes. Veremos como essas propriedades 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.
- Cor Vídeo
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.
- Altura e largura Vídeo
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.
