Специфичность, каскад, наследование 🔥 CSS для самых маленьких #3
Ойын-сауық
Чтобы посмотреть весь плейлист "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
Пікірлер: 48
1:06 - группировка стилей 2:39 - комбинация селекторов 3:45 - наследование 7:53 - принудительное наследование 12:42 - специфичность 16:02 - каскад
Очень полезная тема, ставь лойс если стрелял с ружья
@user-tx1cw5db9j
3 жыл бұрын
Стреляем до сих пор, полет дроби отличный
Артем, спасибо. В интернете много роликов, но учиться по Вашим урокам это одно удовольствие - понятно, кратко, структурированно! Так держать! Еще раз спасибо))
Спасибо, благодаря вам разобралась с тем, что все таки такое каскад, и что такое специфичность ) Про наследование понимала и так Я думала, что каскад и специфичность это одно и то же, однако, оказалось, что каскад это когда когда один и тот же параметр назначается и переназначается много раз (2 раза и больше) А специфичность это как раз те правила, относительно которых считается Вес назначенных правил То есть, каскад - когда элементу назначается color в нескольких местах сразу, а чтобы понять, какое все таки из этих свойств применить (или какое получилось больше по весу), смотри в таблицу специфичности
Артем, спасибо за отличные уроки. Очень нравится что разбираешь не просто какие-то теги, как большинство уроков, а именно какие-то хитрости и общую философию css, как оно все работает. Надеюсь продолжение в этом плейлисте еще будет.
Где ссылка на специфичность,а????
Специфичность сегодня для меня была убрать аутлайн бутстрапа с инпута )))) спасибо за урок дружище! Хоть и колокольчик раньше зазвенел - жалею что не посмотрел сразу!
Крутяк! 👍 Артём Исламов-рулит ! )))) 💪
полезно особенно для начинающих... спасибо!
Как всегда полезный урок.
Спасибо!Очень доступно объясняете !
очень хороший контент!
Отличный урок! 👌
Спасибо. Сложная тема, конечно. Нужно много практики.
Жаль, что больше нет уроков
👍👍👍от души спасибо!!!
полезная информация, спасибо
С легкостью читаю код и понимаю что и для чего написано, но когда дело доходит до верстки я как будто все теги разом забываю Подскажи где и как правильно практиковаться и набирать опыт p.s. Видео очень полезные, спасибо
Спасибо большое)))))) учусь у тебя )))
Спасибо!
Можно еще подробнее про селекторы по атрибутам? и еще я встречаю в селекторах цсс вот такой символ ~ что он делает?
Поподробнее про обращения
лайк)
А где ссылка-то на наследование?
@bkvadrat3743
5 жыл бұрын
htmlbook.ru/samcss/kaskadirovanie
А ещё видео будут?!
Дякую
а ссылку на статью о специфичности, так и не прикрепил
Тёма, проблема. Фоновая картинка на body или если вешаю на html разницы нет. Background-size: cover не работает на айфоне. Именно на айфоне. Хром, фф, даже сафари на андройде все ок. А сафари на айфоне отображает этот параметр css не так как нужно. И префиксы ставил. И вью порт в head прописал. Получается сафари на айфоне при бакграунд сайз: cover считает не от высоты экрана а от высоты всего сайта. На чем стоит фон на html или на body выставил высоту в 100% и мин высоту 100% иначе без этого на хроме та же песня. Так интересно что сафари на андройде все правильно читает. А сафари на айфоне нет. Как быть?
Отлично!! А есть видео как считать по формуле специфичность ? А то голова взрывается но не могу понять .. или ну ее нафик ?)
@Glo_Academy
4 жыл бұрын
Я не считаю специфичность. Работаю только с классами в основном. Используй БЭМ и формула расчета будет не нужна
по какому принципу нужно структурировать/учиться структурировать/развивать навыки оформления стилей? по ходу выполнения проекта действительно происходит по несколько раз и больше перебивание одних и тех же свойств. Часто приходится уже в конце как-то упорядочивать, соподчинять, а вначале этой иерархии не видно, да и по ходу выполнения проекта появляются то там то там новые блоки, которые вначале не были учтены. соответственно и элементы в них могут несогласовываться с другими из уже оформленных, с другой стороны, изначально обилие элементов не позволяет мозгу сразу ухватить все, и структурировать в четкую иерархию.
а что нужно сделать, чтобы браузер показывал изменения кода в реальном времени?
@ilwl9018
2 жыл бұрын
В VS Code можно расширение Live Server установить.
@savannah633
2 жыл бұрын
Да, Live server в редакторе кода vs code - позволит это делать
1-й
ОПГ CSS
как ты настроил локал сервер? в топ
@user-hf6ti7ls9t
6 жыл бұрын
browser-sync start --server --files "*.css, *.html" Погугли что такое browser-sync и как его установить и введи эту команду
@user-cb3fd6wn7d
6 жыл бұрын
у редактора Brackets есть такая фишка доступна прямо из коробки.
@ottowebscripto
6 жыл бұрын
Никита, ещё можно бат файл создать, чтобы постоянно это не прописывать ;)
бабах....
Есть кто из 2022?
Включи какую-то магкую музыку
@ottowebscripto
6 жыл бұрын
Что мешает самому на своей машине это сделать? =)