Файл стилей, соответствующий user agent stylesheet
Хочу убрать желтую рамку вокруг логотипа (смотри в правой боковой колонке — стиль body). Его свойства выделяются, но не удаляются (в инструментах разработчика chrome), а в каком из css файлов этот стиль находится не указано, а написано — user agent stylesheet . Каким образом можно обнулить margin у body ?
Отслеживать
задан 11 сен 2020 в 11:33
programmer dev programmer dev
29 6 6 бронзовых знаков
2 ответа 2
Сортировка: Сброс на вариант по умолчанию
body
PS: Даже не знаю, как этот ответ до 30 символов увеличить.
Отслеживать
ответ дан 11 сен 2020 в 11:46
124k 24 24 золотых знака 131 131 серебряный знак 312 312 бронзовых знаков
можно код обернут в сниппет, будет сколько надо 😉
11 сен 2020 в 12:08
@Qwertiy а в какой файл и в какое место файла нужно добавить стиль body ? (это понятно, что ваш код обнуляет margin. вопрос в том, куда его вставить — см. вопрос)
11 сен 2020 в 12:32
@Qwertiy вместо адреса файла css стилей написано user agent stylesheet (см. скриншот).
11 сен 2020 в 12:40
@programmerdev, да он в любом сработает. А уж куда там в вёрдпрессе принято распихивать стили, я понятия не имею.
Как убрать стили браузера и зачем нужно сбрасывать CSS, файл reset.css
09.07.18 ИТ / CSS 15800
Современные браузеры содержат свои базовые стили CSS для многих элементов, это можно заметить, открыв консоль разработчика и наведя на любой элемент — в консоли отобразятся его стили, даже если Вы ничего не прописывали. Помечаются они обычно надписью «user agent stylesheet». Это и есть родные стили браузера, которые он применяет к элементам. Зачем нужно их сбрасывать и всегда ли следует это делать?
CSS позволяет задать нужное оформление любой странице, без него код на HTML выглядел бы уныло. Действительно, CSS практически полностью отвечает за внешнее оформление любого тега, ведь тег – это всего лишь кирпичик, стоит убрать у него стили, от него останется нативный каркас с функциональной составляющей. Зачем браузеры добавляют свои стили к элементам HTML? Как раз по это причине. Ведь если не будут добавлены базовые стили, на них страшно будет смотреть, пусть даже Вы и разработчик, всё содержимое попросту склеится и наедет друг на друга.
Производители браузеров стремятся составлять базовые стили CSS таким образом, чтобы элементы выглядели стандартизовано. Разные движки и производители стараются использовать одинаковые таблицы стилей, чтобы во всех браузерах не было колоссальных различий в оформлении тегов. Часто можно управлять некоторыми стилями прямо из настроек браузера, например, можно задать цвет ссылок. Это и есть базовые стили CSS браузера.
Итак, мы разобрались для чего браузер добавляет свои стили к элементам HTML. Но иногда нужно убрать стили браузера и применить свои. Это может понадобится для создания уникального оформления элементов, создания необычного дизайна. И тут базовые стили браузера могут помешать.
Как сбросить стили браузера, а точнее удалить их? Раньше часто можно было увидеть на многих сайтах подключение файлов reset.css, в которых содержались огромные перечисления элементов HTML, для которых перечислялись сбрасывающие свойства. Эти свойства по сути просто обнуляли отступы, дизайн и т.д. Но использование файла reset.css не самый лучший вариант, так как это подключение лишнего файла, а значит и замедление скорости загрузки сайта. Но это не все, на составление таких стилей придется потратить немало времени, а потом может выясниться, что этот файл только мешает и сбивает с толку при верстке.
Поэтому, в настоящее время нет необходимости составлять отдельные файлы для сброса стилей. При разработке достаточно смотреть в консоль разработчика и обнулять нужные свойства путем переопределения стилей – нужно просто задать свое свойство CSS для тега, предыдущее будет отменено. Для некоторых базовых тегов, можно в общем файле стилей Вашего сайта сделать сброс их основных свойств. Таким образом, сброс стилей браузера будет выполняться по необходимости, за счет применения стилей сайта.
Как изменить CSS стиль для user agent stylesheet?
Хочу поменять стиль на моем WordPress сайте https://transscreen.ru , а конкретно поменять стиль
заголовка .
В инспекторе его CSS стиль отображается как user agent stylesheet
Подскажите, как его поменять?
- Вопрос задан более года назад
- 342 просмотра
3 комментария
Простой 3 комментария
Как запретить user agent stylesheet перекрывать мои классы?
Всем привет!
Впервые столкнулся с такой проблемой — мои классы перекрываются значением из user agent stylesheet, везде оно в формате «display: none! important». На тестовом сайте все работает нормально, а на боевом такая подстава.
При изменении названия класса в html все работает, но это не варик — на названия классов завязаны скрипты, это путь к куче ошибок.
Что пробовал:
- Проверить правильность написания
- Добавить normalize.css до своего файла
- Вставить в своем CSS импортанты
- Вставить все классы в style.css темы (дело происходит в вордпрессе)
- Обновить кэш:)
Кто сталкивался? Подскажите плз куда думать.
- Вопрос задан 06 сент. 2023
- 388 просмотров
Комментировать
Решения вопроса 1
Varikweru @Varikweru Автор вопроса
Хех, я нашел, в чем причина:) у всех этих классов в названии было «ad_» в начале — и их заблокировал Адблок, который я забыл отключить на боевом сайте. Если ВДРУГ у кого-то возникнет такая проблема — скажете мне спасибо:)
Ответ написан 06 сент. 2023
тебе осталось только придумать, как заставить остальных пользователей «боевого» сайта отключить адблок и у себя
Сергей delphinpro @delphinpro Куратор тега CSS
Кирилл Никитин, просто поменять название класса. «Рекламные» названия лучше не применять, известный факт.
Сергей delphinpro, ну я как бы несколько иронично на это и намекал, ибо:
При изменении названия класса в html все работает, но это не варик — на названия классов завязаны скрипты, это путь к куче ошибок.
Varikweru @Varikweru Автор вопроса
Кирилл Никитин, это да, но я рад, что хотя бы понял, а то непонятно было, что это и не появится ли вновь:)