Какая разница между стилем автора, стилем читателя, стилем агента (или автором, пользователем, стилями пользовательского агента)

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

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

У меня возникли два вопроса:

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

Там есть еще одна терминология: стили автора, пользователя и пользователя-агента

Ответ 1

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

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

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

Ответ 2

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

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

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

IE на самом деле является одним из немногих браузеров, у которых есть эта функция в нем. GUI: Options, General, Accessibility (я не совсем уверен в точном имени, так как у меня нет английского IE).

Ответ 3

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

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

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