В чем разница между авторским стилем, стилем читателя, стилем агента (или автором, пользователем, стилями агента пользователя) - PullRequest
19 голосов
/ 11 августа 2011

В книге " CSS окончательное руководство ", глава 3 о " Каскад ", книга гласит:

Существует три источника: автор, читатель и пользовательский агент. Под нормальным обстоятельства, авторские стили побеждают над стилями читателя. ! Стили важных читателей сильнее любых других стилей, в том числе! важные авторские стили. Стили автора и читателя переопределить стили по умолчанию для агента пользователя.

Мне нужно задать два вопроса:

  1. В CSS Что такое стиль автора , стиль читателя и стиль агента ?? Меня действительно смущают три концепции.

  2. Согласно приведенным выше словам из книги, кажется авторский стиль на сильнее , чем стиль читателя , но почему с индикатором !important, стиль читателя на сильнее , чем авторский стиль ?? Я запутался в этом.

Для этого есть другая терминология: стили автора, пользователя и агента пользователя

Ответы [ 3 ]

26 голосов
/ 11 августа 2011
  1. Пользовательский агент - это приложение (обычно браузер, например Chrome или Firefox), с которым вы просматриваете веб-сайт. Пользовательские агенты имеют таблицу стилей по умолчанию. Вы можете проверить его свойства с помощью такого инструмента, как Chrome Developer Tools.

    «Читатель» - это веб-серфер, просматривающий ваш сайт. Посетители вашего сайта могут по желанию установить свои собственные таблицы стилей или пользовательские правила (такие как системные цвета или настройки шрифта). Они могут делать это по личным предпочтениям или из-за требований доступности.

    Авторская таблица стилей - это та, на которую явно ссылается HTML-код самого веб-сайта. Т.е. это тот, который вы создали.

  2. Обычно, по уважительной причине, таблица стилей автора имеет приоритет над таблицами стилей агента пользователя и читателя. Однако читатели могут установить стили, которые авторы не могут переопределить. Это также не зря, так как людям с нарушениями зрения или другими проблемами доступности понадобятся определенные стили для всех страниц.

3 голосов
/ 11 августа 2011
  • "Стиль пользовательского агента" - это таблица стилей по умолчанию, "встроенная" в браузер (= пользовательский агент), которую он использует, если ничего не определено.

  • «Авторский стиль» - это таблицы стилей, включенные в веб-сайт (автор этого веб-сайта)

  • «Стиль читателя» - это таблица стилей, которую пользователь(= читатель) определяет.Пользователь может определять стили, которые должны либо переопределять стили по умолчанию для пользовательских агентов, но также и стили автора.

Вот ваш второй вопрос: обычно стили в таблице стилей читателя переопределяют только стили браузера по умолчанию (стили пользовательского агента), но с помощью флага !important это можеттакже переопределяет стили, определенные веб-сайтами.Обычно это делается для обеспечения доступности: например, люди с плохим зрением могут определять больший размер шрифта или более контрастные цвета.

Однако переопределение размера шрифта и / или цветов является общей встроенной функцией многих браузеров, поэтому пользователям не нужно использовать таблицу стилей пользователя.Таким образом, большинство браузеров имеют эту функцию, но она не очень известна и часто не включена в пользовательский интерфейс.Например, Firefox использует файл с именем userContent.css в каталоге профиля пользователя.

IE на самом деле является одним из немногих браузеров, которые имеют эту функцию в своем графическом интерфейсе: «Параметры», «Общие», «Доступность» (я не совсем уверен в точных именах, поскольку у меня нет английского IE).

0 голосов
/ 26 июня 2016

Пользовательский агент - это приложение (обычно браузер, например Chrome или Firefox), с которым вы просматриваете веб-сайт.Пользовательские агенты имеют таблицу стилей по умолчанию.Вы можете проверить его свойства с помощью такого инструмента, как Chrome Developer Tools.

«Читатель» - это веб-серфер, просматривающий ваш сайт.Посетители вашего сайта могут по желанию установить свои собственные таблицы стилей или пользовательские правила (такие как системные цвета или настройки шрифта).Они могут делать это по личным предпочтениям или потому, что у них есть требования к доступности.

Авторская таблица стилей - это таблица, явно указанная в HTML самого веб-сайта.То есть это тот, который вы создали.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...