Сайт перешел на функционал групп
Читаем новость, обсуждаем, делимся впечатлениями или может есть какие пожелания? Перейти
29 мая 2019 в 11:31
Владимир Otshelnik-Fm
на сайт, и вы сможете вступить в группу.
Вы сможете подписаться на выход новых материалов группы.
Вы сможете подписаться на новые комментарии к выбранной записи группы.

CSS и инструменты разработчика в браузере. Урок №1

Часто пользователю в WordPress необходимо чуток подкорректировать стили к плагину под свою тему. т.к. не все темы работают корректно с десятками тысяч плагинов - то и возникает небольшая задача по корректировке стилей. Там margin дикий, там наоборот z-index маленький и меню самого сайта перекрывает что-то... В общем тут про это.

Небольшая серия уроков покажет как работать с консолью браузера (F12 - я так кратко называю инструменты разработчика в браузере)
Мы рассмотрим специфичность CSS (так называемый "вес"), рассмотрим - как порядок загрузки и вес влияют на наши корректировки. Будет несколько примеров. Рассмотрим возможные подводные камни, работу с inline стилями. В общем будет познавательно.

Урок №1

- инспектор браузера
- куда мне вставить эти стили
- каскадность
- порядок загрузки ВАЖЕН

css и инструменты разработчика в браузере

 

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

Если у вас возникли вопросы - жду в комментариях.

Комментариев нет

Оставьте комментарий

Авторизация
*
*
Регистрация
*
*
*
Настоящим подтверждаю, что я ознакомлен и согласен с условиями политики конфиденциальности
Генерация пароля
Написать
*
*