Что такое таблица стилей агента пользователя
Я работаю на веб-странице в Google Chrome. Он отображается правильно со следующими стилями.
table {
display: table;
border-collapse: separate;
border-spacing: 2px;
border-color: gray;
}
важно отметить, что я не определял эти стили. По инструментам разработчика Chrome, он говорит таблица стилей агента пользователя вместо имени файла CSS.
Теперь, если я отправляю форму и возникает ошибка проверки, я получаю следующую таблицу стилей:
table {
white-space: normal;
line-height: normal;
font-weight: normal;
font-size: medium;
font-variant: normal;
font-style: normal;
color: -webkit-text;
text-align: -webkit-auto;
}
table {
display: table;
border-collapse: separate;
border-spacing: 2px;
border-color: gray;
}
The font-size от этих новых стилей беспокоит мой дизайн. Есть ли способ чтобы заставить мои таблицы стилей и, если это возможно, полностью перезаписать таблицу стилей Chrome по умолчанию?
10 ответов:
Что такое целевой браузер? Разные браузеры устанавливают разные правила CSS по умолчанию. Попробуйте включить сброс.css или нормализуется.css (Google для одного или для "reset vs normalise", чтобы увидеть различия), чтобы удалить эти значения по умолчанию.
Что касается понятия "таблица стилей агента пользователя", обратитесь к разделу Каскад в спецификации CSS 2.1.
таблицы стилей агента пользователя переопределяются всем, что вы установили в своей собственной таблице стилей. Они просто дно скалы: в отсутствие каких-либо таблиц стилей, предоставляемых страницей или пользователем, браузер по-прежнему должен отображать контент как-то, и таблица стилей агента пользователя просто описывает это.
Так что если вы думаете, что у вас есть проблема с таблицей стилей агента пользователя, тогда у вас действительно есть проблема с вашей разметкой, или с вашей таблицей стилей, или с обоими (о которых вы ничего не писали).
Если
<!DOCTYPE>отсутствует в вашем html вы можете столкнуться с тем, что браузер отдает предпочтение "таблице стилей агента пользователя" над вашей пользовательской таблицей стилей. Добавление параметра "DOCTYPE" исправляет это.
маркировка документа как HTML5 с помощью соответствующего doctype в первой строке, решила мою проблему.
<!DOCTYPE html> <html>...
в основном, в таблице стилей по умолчанию в браузере. Из спецификации...
таблица стилей агента пользователя по умолчанию должна представлять элементы языка документа способами, удовлетворяющими общим ожиданиям представления для языка документа. ~ Каскад.
кроме того, смотрите дополнительную информацию об агенте пользователя в целом...
определите значения, которые вы не хотите использовать из стиля пользовательского агента Chrome в своем собственном CSS.
некоторые браузеры используют свой собственный способ чтения .файл CSS. Так что правильный способ победить это: Если вы вводите командную строку непосредственно в поле .html исходный код, это бьет .css-файл, таким образом, Вы сказали браузеру напрямую, что делать, и браузер находится в положении, чтобы не читать команды из него .файл CSS. Помните, что команды пишутся в поле .html-файл сильнее, чем команда в .стиль CSS.
каждый браузер предоставляет таблицу стилей по умолчанию, называемую таблицей стилей агента пользователя, если HTML-файл не указывает ее. Указанные стили переопределяют значения по умолчанию. Поскольку вы не указали значения для поля элемента таблицы, были применены стили по умолчанию
у меня была та же проблема, что и у одного из моих, была маржа, установленная браузером, это было довольно раздражающе, но потом я понял, как большинство людей сказали, что это ошибка отметки.
Я вернулся и проверил свой раздел, и моя ссылка css была такой:
<link rel="stylesheet" href="ex.css">Я включил тип в него и сделал это, как показано ниже:
<link rel="stylesheet" type="text/css" href="ex.css">моя проблема была решена.
надеюсь, что это помогает для некоторых из вас.
Comments