CSS и инструменты разработчика в браузере. Урок №1
Часто пользователю в WordPress необходимо чуток подкорректировать стили к плагину под свою тему. т.к. не все темы работают корректно с десятками тысяч плагинов - то и возникает небольшая задача по корректировке стилей. Там margin дикий, там наоборот z-index маленький и меню самого сайта перекрывает что-то... В общем тут про это.
Небольшая серия уроков покажет как работать с консолью браузера (F12 - я так кратко называю инструменты разработчика в браузере)
Мы рассмотрим специфичность CSS (так называемый "вес"), рассмотрим - как порядок загрузки и вес влияют на наши корректировки. Будет несколько примеров. Рассмотрим возможные подводные камни, работу с inline стилями. В общем будет познавательно.
Урок №1
- инспектор браузера
- куда мне вставить эти стили
- каскадность
- порядок загрузки ВАЖЕН
Timeline:
1. О чем это видео и почему неверно править стили ядра 0:17
2. Куда мне вставить код и стили 1:10
3. Как найти мне то, что нужно изменить. Инструменты разработчика в браузере 1:23
4. Рассмотрим панель подробней 2:40
5. Создать правило - легко! 4:36
6. margin & padding 5:55
7. Каскадность, правила и конструкции 7:00
8. Порядок загрузки css-файла важен 9:28
Если у вас возникли вопросы - жду в комментариях.
