Как найти таблицу стилей по умолчанию для браузера?

Question

Я хотел бы видеть конкретные элементы стиля, которые используются в таблице стилей по умолчанию для различных браузеров. Есть ли в браузерах реальные таблицы стилей, которые я нахожу в своей системе и читаю? Если да, каковы расположения этих файлов по умолчанию? Если нет, где я могу найти эту информацию?

Answer 1

• Из исходного репозитория WebKit
• Неофициальная сетка нескольких основных браузеров

Answer 2

В Firefox найдите файл res / html.css и другие файлы CSS в том же каталоге.

Или просто откройте resource://gre-resources/forms.css в Firefox.

Answer 3

соевый панк уже упоминается таблица стилей UA для WebKit.

Таблица стилей UA для Gecko (в режиме стандартов ) состоит из ua.css , forms.css и html.css . (См. Также quirk.css для режима причуд.)

Opera не имеет таблицы стилей UA в качестве файла .css. (Упомянутый ранее user.css не является таблицей стилей UA. Это таблица стилей пользователя.)

Answer 4

Проверьте html-элементы в браузере и найдите правила CSS в правом нижнем углу. Вы найдете стили пользовательского агента или стили браузера (в Firefox с именем html.css). скопируйте местоположение файла и откройте его во вкладке - вот и все.

Расположение таблиц стилей по умолчанию

Firefox - ресурс: //gre-resources/html.css
Хром - https://chromium.googlesource.com/chromium/blink/+/master/Source/core/css/html.css

вы можете найти для других.

Answer 5

В Mozilla Firefox введите эту ссылку в поле адреса: jar:file:///Applications/Firefox.app/Contents/Resources/omni.ja!/chrome/toolkit/res/

Здесь вы найдете все стили по умолчанию для Firefox. Существуют отдельные таблицы стилей для счетчиков, форм, полноэкранного, общего html, математики, чисел, простого текста, причуд, ua и источника просмотра.

---

Для более полного списка таблиц стилей пользовательских агентов, см. Здесь .

Answer 6

В Opera, в OSX файл находится на /Applications/Opera.app/Contents/Resources/Styles/user.css

Answer 7

Таблица стилей по умолчанию обычно недоступна. Я рекомендую начинать свою собственную таблицу стилей с части «сбросить стили» или включить сброс стилей в таблицу стилей, которую вы загружаете первой. Например.

<link rel="stylesheet" type="text/css" media="screen" href="/stylesheets/reset.css"></link>
<link rel="stylesheet" type="text/css" media="screen" href="/stylesheets/general.css"></link>

Эрик Мейер («Эрик», просто google Eric ) предлагает проверенную в бою и широко используемую таблицу стилей сброса здесь: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/

Answer 8

Это может быть касательно сути вашего вопроса, но если я правильно угадаю, зачем вам нужна эта информация, вы можете проверить browsershots.org .

Browsershots делает скриншоты вашего веб-дизайна в разных браузерах.

Другими словами, вы можете видеть, как выглядит ваш веб-сайт во многих различных браузерах, версиях браузеров и платформах.

Answer 9

В Safari веб-инспектор покажет вам каскад CSS для любого элемента, включая свойства, которые были переопределены, вплоть до CSS по умолчанию. К сожалению, он не покажет вам имя файла для этого CSS по умолчанию, но он покажет вам, какие свойства были сброшены. Надеюсь, это немного поможет.

Answer 10

Некоторые делают, а некоторые нет. (немного по другой теме) Я бы порекомендовал использовать таблицу стилей сброса.

http://developer.yahoo.com/yui/reset/