Тёмный

Специфичность, каскад, наследование 🔥 CSS для самых маленьких #3 

Glo Academy
Подписаться 146 тыс.
Просмотров 19 тыс.
50% 1

Чтобы посмотреть весь плейлист "CSS для самых маленьких", переходи по ссылке: bit.ly/2y9hCDT
В этом видео мы с вами разберемся, как работает специфичность, каскадирование и наследование в CSS. Как сделать так, чтобы чужие стили не перебивали ваши. Как сделать, чтобы стили не нужно было дулировать и т.д.
Подпишитесь на канал, если вам нравятся эти видео:
goo.gl/Zuu7wE
Больше контента в нашей группе Вконтакте
glo_academy
Присоединяйтесь к нашему чату в Telegram:
goo.gl/4RNi38
Чтобы записаться на мой курс по основам веб-разработки, напиши в нашу группу и мой ассистент скажет тебе, что делать дальше: vk.me/glo_academy
Прочитай мою историю в блоге: islamov_blog
Чтобы заказать рекламу на канале, пишите в личку вконтакте: vk.me/aislam23 или telegram t.me/aislam23
-----------
Я использую хостинг Link Host с 2014 года
link-host.net/billing/pl.php?... Телеграм-каналы с дизайн-макетами для тренировки вёрстки:
ttttt.me/figma2html
ttttt.me/figma_start
ttttt.me/figmatamplates
Каналы с крутыми фичами на CSS и JavaScript:
ttttt.me/codepen_js
ttttt.me/css_features
Канал с терминами для айтишников:
ttttt.me/slang_it
Канал, где публикуют ссылки на полезные сервисы и сайты:
ttttt.me/linkforwork

Развлечения

Опубликовано:

 

1 июл 2018

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 48   
@user-pp3cv4nz4n
@user-pp3cv4nz4n 3 года назад
1:06 - группировка стилей 2:39 - комбинация селекторов 3:45 - наследование 7:53 - принудительное наследование 12:42 - специфичность 16:02 - каскад
@vitaliitaranik
@vitaliitaranik 5 лет назад
Где ссылка на специфичность,а????
@savannah633
@savannah633 2 года назад
Спасибо, благодаря вам разобралась с тем, что все таки такое каскад, и что такое специфичность ) Про наследование понимала и так Я думала, что каскад и специфичность это одно и то же, однако, оказалось, что каскад это когда когда один и тот же параметр назначается и переназначается много раз (2 раза и больше) А специфичность это как раз те правила, относительно которых считается Вес назначенных правил То есть, каскад - когда элементу назначается color в нескольких местах сразу, а чтобы понять, какое все таки из этих свойств применить (или какое получилось больше по весу), смотри в таблицу специфичности
@bashnia7
@bashnia7 2 года назад
Артем, спасибо. В интернете много роликов, но учиться по Вашим урокам это одно удовольствие - понятно, кратко, структурированно! Так держать! Еще раз спасибо))
@user-gm5ri4pq5t
@user-gm5ri4pq5t 6 лет назад
Очень полезная тема, ставь лойс если стрелял с ружья
@user-tx1cw5db9j
@user-tx1cw5db9j 3 года назад
Стреляем до сих пор, полет дроби отличный
@user-dl3rq3hf5i
@user-dl3rq3hf5i 4 года назад
полезно особенно для начинающих... спасибо!
@nelazsky
@nelazsky 6 лет назад
С легкостью читаю код и понимаю что и для чего написано, но когда дело доходит до верстки я как будто все теги разом забываю Подскажи где и как правильно практиковаться и набирать опыт p.s. Видео очень полезные, спасибо
@artemijeka
@artemijeka 4 года назад
Как всегда полезный урок.
@AleksKo89
@AleksKo89 5 лет назад
Артем, спасибо за отличные уроки. Очень нравится что разбираешь не просто какие-то теги, как большинство уроков, а именно какие-то хитрости и общую философию css, как оно все работает. Надеюсь продолжение в этом плейлисте еще будет.
@user-gc1id9zt9x
@user-gc1id9zt9x 6 лет назад
Крутяк! 👍 Артём Исламов-рулит ! )))) 💪
@no-distrx
@no-distrx 2 года назад
Спасибо!Очень доступно объясняете !
@AVKAZACHENKO
@AVKAZACHENKO 6 лет назад
Специфичность сегодня для меня была убрать аутлайн бутстрапа с инпута )))) спасибо за урок дружище! Хоть и колокольчик раньше зазвенел - жалею что не посмотрел сразу!
@justspartak
@justspartak 4 года назад
Отличный урок! 👌
@user-mw8ik5jd9i
@user-mw8ik5jd9i 3 года назад
Жаль, что больше нет уроков
@elizaveta_panfilova
@elizaveta_panfilova 2 года назад
Спасибо. Сложная тема, конечно. Нужно много практики.
@alesmazur7640
@alesmazur7640 Год назад
очень хороший контент!
@ksansan7830
@ksansan7830 2 года назад
полезная информация, спасибо
@user-gt7yt2xm8k
@user-gt7yt2xm8k 2 года назад
👍👍👍от души спасибо!!!
@user-hv3ty3bp7d
@user-hv3ty3bp7d 3 года назад
Спасибо большое)))))) учусь у тебя )))
@user-cb3fd6wn7d
@user-cb3fd6wn7d 6 лет назад
Можно еще подробнее про селекторы по атрибутам? и еще я встречаю в селекторах цсс вот такой символ ~ что он делает?
@const-shish
@const-shish 3 года назад
Спасибо!
@ivritualru
@ivritualru 6 лет назад
Поподробнее про обращения
@MistrKrabs
@MistrKrabs 4 года назад
Тёма, проблема. Фоновая картинка на body или если вешаю на html разницы нет. Background-size: cover не работает на айфоне. Именно на айфоне. Хром, фф, даже сафари на андройде все ок. А сафари на айфоне отображает этот параметр css не так как нужно. И префиксы ставил. И вью порт в head прописал. Получается сафари на айфоне при бакграунд сайз: cover считает не от высоты экрана а от высоты всего сайта. На чем стоит фон на html или на body выставил высоту в 100% и мин высоту 100% иначе без этого на хроме та же песня. Так интересно что сафари на андройде все правильно читает. А сафари на айфоне нет. Как быть?
@user-ci9cg6te2g
@user-ci9cg6te2g 6 лет назад
А где ссылка-то на наследование?
@bkvadrat3743
@bkvadrat3743 5 лет назад
htmlbook.ru/samcss/kaskadirovanie
@someone6599
@someone6599 Год назад
А ещё видео будут?!
@bod9i284
@bod9i284 4 года назад
лайк)
@oksanagunko66
@oksanagunko66 2 года назад
а ссылку на статью о специфичности, так и не прикрепил
@yuraprotsuk
@yuraprotsuk 4 года назад
Дякую
@BookwormYevgen
@BookwormYevgen 5 лет назад
по какому принципу нужно структурировать/учиться структурировать/развивать навыки оформления стилей? по ходу выполнения проекта действительно происходит по несколько раз и больше перебивание одних и тех же свойств. Часто приходится уже в конце как-то упорядочивать, соподчинять, а вначале этой иерархии не видно, да и по ходу выполнения проекта появляются то там то там новые блоки, которые вначале не были учтены. соответственно и элементы в них могут несогласовываться с другими из уже оформленных, с другой стороны, изначально обилие элементов не позволяет мозгу сразу ухватить все, и структурировать в четкую иерархию.
@hooligan5643
@hooligan5643 4 года назад
Отлично!! А есть видео как считать по формуле специфичность ? А то голова взрывается но не могу понять .. или ну ее нафик ?)
@Glo_Academy
@Glo_Academy 4 года назад
Я не считаю специфичность. Работаю только с классами в основном. Используй БЭМ и формула расчета будет не нужна
@dssmshd811
@dssmshd811 6 лет назад
1-й
@DJmine_Didji
@DJmine_Didji 2 года назад
а что нужно сделать, чтобы браузер показывал изменения кода в реальном времени?
@ilwl9018
@ilwl9018 2 года назад
В VS Code можно расширение Live Server установить.
@savannah633
@savannah633 2 года назад
Да, Live server в редакторе кода vs code - позволит это делать
@user-rj6ro3mp1p
@user-rj6ro3mp1p 6 лет назад
ОПГ CSS
@victorg6350
@victorg6350 6 лет назад
бабах....
@taurecord.
@taurecord. 2 года назад
Есть кто из 2022?
@user-jg4wc3qs2h
@user-jg4wc3qs2h 6 лет назад
как ты настроил локал сервер? в топ
@user-hf6ti7ls9t
@user-hf6ti7ls9t 6 лет назад
browser-sync start --server --files "*.css, *.html" Погугли что такое browser-sync и как его установить и введи эту команду
@user-cb3fd6wn7d
@user-cb3fd6wn7d 6 лет назад
у редактора Brackets есть такая фишка доступна прямо из коробки.
@ottowebscripto
@ottowebscripto 5 лет назад
Никита, ещё можно бат файл создать, чтобы постоянно это не прописывать ;)
@altaaxmetov1496
@altaaxmetov1496 6 лет назад
Включи какую-то магкую музыку
@ottowebscripto
@ottowebscripto 5 лет назад
Что мешает самому на своей машине это сделать? =)