Популярное

Музыка Кино и Анимация Автомобили Животные Спорт Путешествия Игры Юмор

Интересные видео

2025 Сериалы Трейлеры Новости Как сделать Видеоуроки Diy своими руками

Топ запросов

смотреть а4 schoolboy runaway турецкий сериал смотреть мультфильмы эдисон
dTub
Скачать

O jeito certo de usar variáveis no CSS (e como você provavelmente está fazendo errado)

Автор: Hashtag Dev

Загружено: 2025-12-17

Просмотров: 242

Описание:

🖥️ Aprenda a usar variáveis no CSS do jeito certo, criar variáveis locais e deixar seu código mais limpo, profissional e fácil de manter.

-----------------------------------------------------------------------

🎓 Quer saber mais sobre o nosso Curso Completo de Full Stack? Acesse o link abaixo para garantir sua vaga na próxima turma:
https://lp.hashtagtreinamentos.com/fu...

📘 Acesse o Minicurso Gratuito de HTML e CSS:
https://pages.hashtagtreinamentos.com...

-----------------------------------------------------------------------

📁 Arquivos Utilizados no Vídeo:
https://dlp.hashtagtreinamentos.com/f...

💻 Vídeos recomendados:
Metodologia BEM no CSS: Como Organizar Seu Código de Forma Eficiente
   • Metodologia BEM no CSS: Como Organizar Seu...  

-----------------------------------------------------------------------

🧑‍💻 PARA CONTRATAR A HASHTAG PARA SUA EMPRESA:
https://www.hashtagtreinamentos.com/t...

-----------------------------------------------------------------------

🎨 Quer aprender a usar variáveis no CSS da forma correta e deixar seu código muito mais limpo, organizado e fácil de manter?

Nesta aula, você vai aprender como usar variáveis globais e locais no CSS de maneira prática e profissional — exatamente como os desenvolvedores front-end fazem em projetos reais.

Vamos passo a passo entender como declarar variáveis no :root, criar variáveis locais para componentes, e ver na prática como reduzir código repetido e aumentar a clareza do seu CSS.

Você também vai descobrir boas práticas de nomenclatura, o uso de cores padronizadas (300, 400, 600) e como aplicar a metodologia BEM para deixar seus estilos mais escaláveis e fáceis de manter.

🔔 Curtiu o conteúdo? Deixa o like, se inscreve no canal e ativa o sininho pra aprender mais sobre CSS, HTML, JavaScript e desenvolvimento web moderno!

-----------------------------------------------------------------------

📌 Hashtag Dev

► Inscreva-se em nosso canal: https://eventoshashtag.herokuapp.com/...
► Ative as notificações (clica no sininho)!
► Curta o nosso vídeo!

-----------------------------------------------------------------------

🔗 Redes Sociais

► Blog: https://bit.ly/2MRUZs0
► YouTube: https://eventoshashtag.herokuapp.com/...
► Instagram: https://bit.ly/3o6dw42
► Facebook: https://bit.ly/3qGtaF2

Aqui nos vídeos do canal da Hashtag Dev ensinamos diversas dicas de HTML, CSS, JavaScript e Full Stack para que você consiga se desenvolver nessas linguagens de programação e criar seus próprios projetos!

-----------------------------------------------------------------------

⏱️ Conteúdo da Aula

00:00 Introdução – Como usar variáveis no CSS da forma correta
00:44 Estrutura do código HTML e uso da metodologia BEM
01:40 Entendendo o que são variáveis no CSS e suas vantagens
03:30 Aplicando variáveis em seletores de classes no CSS
04:20 Criando e utilizando variáveis locais no CSS
09:20 Personalizando estilos com variáveis locais no CSS
10:30 Conclusão – Boas práticas para trabalhar com variáveis no CSS

#fullstack #htmlecss #html #css #javascript #hashtagdev

O jeito certo de usar variáveis no CSS (e como você provavelmente está fazendo errado)

Поделиться в:

Доступные форматы для скачивания:

Скачать видео mp4

  • Информация по загрузке:

Скачать аудио mp3

Похожие видео

Aprenda Posicionamento no CSS em 17 Minutos: Absolute, Relative, Fixed e mais!

Aprenda Posicionamento no CSS em 17 Minutos: Absolute, Relative, Fixed e mais!

Layout Responsivo com CSS: Do Mobile ao Desktop com Boas Práticas Modernas

Layout Responsivo com CSS: Do Mobile ao Desktop com Boas Práticas Modernas

TAILWINDCSS PODE DESAPARECER!!!

TAILWINDCSS PODE DESAPARECER!!!

Aprenda de vez o que é uma API com esse exemplo simples em Python

Aprenda de vez o que é uma API com esse exemplo simples em Python

The Complete Web Development Roadmap

The Complete Web Development Roadmap

Como fazer animações no CSS em 10 MINUTOS

Como fazer animações no CSS em 10 MINUTOS

ИНОСТРАННЫЙ МЕССЕНДЖЕР ЗАБЛОКИРУЮТ СО ДНЯ НА ДЕНЬ. Роскомнадзор всех запутал. Подготовка к выборам

ИНОСТРАННЫЙ МЕССЕНДЖЕР ЗАБЛОКИРУЮТ СО ДНЯ НА ДЕНЬ. Роскомнадзор всех запутал. Подготовка к выборам

Как новые POSITIONS будут работать в СОВРЕМЕННОМ CSS

Как новые POSITIONS будут работать в СОВРЕМЕННОМ CSS

HTML, Body e Seletor Universal no CSS Quando Usar Cada um (Guia Completo para Iniciantes)

HTML, Body e Seletor Universal no CSS Quando Usar Cada um (Guia Completo para Iniciantes)

10 ANOS DE PROGRAMAÇÃO EM 10 LIÇÕES QUE VÃO MUDAR SUA CARREIRA!

10 ANOS DE PROGRAMAÇÃO EM 10 LIÇÕES QUE VÃO MUDAR SUA CARREIRA!

LLM и GPT - как работают большие языковые модели? Визуальное введение в трансформеры

LLM и GPT - как работают большие языковые модели? Визуальное введение в трансформеры

ВОЙНА ИЗ ПОСЛЕДНИХ СИЛ. БЕСЕДА С ИГОРЕМ ЛИПСИЦЕМ @IgorLipsits_1950

ВОЙНА ИЗ ПОСЛЕДНИХ СИЛ. БЕСЕДА С ИГОРЕМ ЛИПСИЦЕМ @IgorLipsits_1950

Сисадмины больше не нужны? Gemini настраивает Linux сервер и устанавливает cтек N8N. ЭТО ЗАКОННО?

Сисадмины больше не нужны? Gemini настраивает Linux сервер и устанавливает cтек N8N. ЭТО ЗАКОННО?

Учим HTML и CSS за 7 часов! Уроки по созданию сайтов Полный курс HTML и CSS с нуля до профессионала

Учим HTML и CSS за 7 часов! Уроки по созданию сайтов Полный курс HTML и CSS с нуля до профессионала

Adicionando Autenticação Segura JWT no Projeto de Conexão Front + Back

Adicionando Autenticação Segura JWT no Projeto de Conexão Front + Back

HTML - Полный Курс HTML Для Начинающих [3 ЧАСА]

HTML - Полный Курс HTML Для Начинающих [3 ЧАСА]

AXIOS vs FETCH: Qual a melhor forma de consumir APIs

AXIOS vs FETCH: Qual a melhor forma de consumir APIs

Como eu uso o Cursor para front-end (do Figma ao código)

Como eu uso o Cursor para front-end (do Figma ao código)

Но что такое нейронная сеть? | Глава 1. Глубокое обучение

Но что такое нейронная сеть? | Глава 1. Глубокое обучение

Как я построил ИИ стартап за 7 дней?

Как я построил ИИ стартап за 7 дней?

© 2025 dtub. Все права защищены.



  • Контакты
  • О нас
  • Политика конфиденциальности



Контакты для правообладателей: infodtube@gmail.com