Cursos e Artigos sobre CSS para Programadores
Você está buscando por "CSS" em vídeo aula
- Utilizando o Claude para Separar HTML e CSS Vídeo
Nesta aula, exploraremos uma abordagem alternativa, utilizando outra ferramenta de inteligência artificial, o Claude, para realizar a separação dos arquivos HTML e CSS.
- A Conexão HTML-CSS e a Ferramenta de Inspeção Vídeo
Nesta aula, damos um passo adiante em nossa análise, explorando a conexão fundamental entre o HTML e o CSS.
- Modificando como o CSS calcula o tamanho de um elemento Vídeo
Nesta aula você vai aprender a modificar a forma como o CSS calcula o tamanho de um elemento HTML, através da propriedade box-sizing. Além disso, você também vai aprender a resolver problemas de quebra de páginas e criação indesejada de scrolls.
- Modificando o CSS Manualmente Vídeo
Nesta aula demonstramos como realizar três personalizações específicas diretamente no código CSS, reforçando a ideia de que o desenvolvedor mantém o controle criativo, mesmo ao trabalhar com uma base gerada por Inteligência Artificial.
- Análise do Código CSS: A Arte por Trás da Aparência Vídeo
Após entendermos a estrutura da página com o HTML, nesta aula, nosso foco se volta para o CSS (Cascading Style Sheets). É este código que dá vida à página, definindo cores, fontes, espaçamentos e, em suma, toda a experiência visual do usuário
- Ajustando Estilos CSS com o Copilot Vídeo
Nesta aula, focaremos em corrigir um problema de visualização na seção de serviços do site da Imobiliária Santos, onde a cor do texto não estava adequada, dificultando a leitura.
- Separando HTML e CSS Vídeo
Nesta aula, iniciaremos o processo de refatoração do site da Imobiliária Santos, uma landing page que servirá como nosso projeto prático.
- Estilizando E-mails com HTML e CSS via IA Vídeo
Nesta aula, daremos o próximo passo na criação dos e-mails de boas-vindas, estilizaremos os textos para transformá-los em templates de e-mail marketing visualmente atraentes e funcionais.
- A Primeira Experiência Prática com IA: Modificando o CSS Vídeo
Nesta aula, realizamos nossa primeira interação prática com a Inteligência Artificial para modificar o código da nossa página. O objetivo era simples: alterar a cor de todos os links para vermelho.
- Layouts Responsivos com Display e a Tag Iframe Vídeo
Nesta aula, mergulhamos em um dos conceitos mais poderosos e essenciais do CSS moderno: a propriedade display.
- Links, Classes Múltiplas e a Pseudoclasse Hover Vídeo
Nesta aula, continuamos nossa análise detalhada do código, focando em dois elementos cruciais para a interatividade e a eficiência do CSS: a tag de link a e o conceito de classes múltiplas.
- Blocos de Estilização Vídeo
Nesta aula, aprofundamos nossa compreensão sobre como o código CSS é organizado. A estrutura fundamental do CSS baseia-se em blocos de estilização.
- Conectando Estrutura e Estilo Vídeo
Nesta aula, dissecamos como o arquivo styles.css se conecta ao index.html e, mais importante, como ele seleciona elementos específicos para aplicar estilos, uma habilidade fundamental para qualquer desenvolvedor web.
- A Lógica do JavaScript e o Menu Hambúrguer Vídeo
Nesta aula final, completamos nossa análise da tríade do front-end (HTML, CSS e JavaScript) ao mergulhar no código JavaScript do nosso site.
- Integrando HTML no n8n e Testando Vídeo
Nesta aula, daremos o passo final na criação dos e-mails de boas-vindas, integrando os templates HTML e CSS gerados por inteligência artificial (IA) na aula anterior diretamente na automação do n8n.
- Tags Semânticas, IDs vs Classes e Imagens Vetoriais Vídeo
Nesta aula, continuamos nossa exploração do código HTML e CSS, focando em tags semânticas, na distinção crucial entre id e class, e na introdução de um tipo de imagem poderoso e moderno: o SVG (Scalable Vector Graphics).
- Tag span Vídeo
Nesta aula vamos aprender o que é, como e quando utilizar tags <span>. Ao final da aula saberemos como utilizar a tag <span> para estilizar textos junto do CSS.
- 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.
- 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.
- VW e VH Vídeo
Nesta aula vamos aprender a usar mais alguns valores relativos do CSS para definir o tamanho de elementos HTML: o VW e o VH.
- calc() Vídeo
Nesta aula vamos aprender a usar uma ferramenta do CSS que permite combinar valores fixos e relativos para customizar elementos HTML: o calc().
- Introdução Vídeo
Nessa aula veremos como o CSS pode ser utilizado para modificar o tamanho de elementos HTML e de que maneira isso pode nos auxiliar na construção de sites.
