Когда я устанавливаю семейство шрифтов, размер шрифта, цвет и т.д., кажется, что некоторые вложенные элементы переопределяют их с уродливыми настройками браузера.
Должен ли я действительно указывать эти десятки раз для любого элемента на моей странице или есть способ установить их глобально один раз и навсегда?
Как это сделать?
* {
font-size: 100%;
font-family: Arial;
}
Звездочка подразумевает все элементы.
Если вы используете IE, скорее всего, он вернется к значениям по умолчанию для браузера для определенных элементов, например таблиц. Вы можете встретить это с помощью следующего CSS:
html, body, form, fieldset, table, tr, td, img {
margin: 0;
padding: 0;
font: 100%/150% calibri,helvetica,sans-serif;
}
input, button, select, textarea, optgroup, option {
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
}
/* rest of your styles; like: */
body {
font-size: 0.875em;
}
Изменить: вы можете прочитать о сбросах CSS; см. темы, такие как этот
Я не могу достаточно подчеркнуть этот совет: используйте таблицу стилей reset, а затем установите все явно. Это сократит время разработки кросс-браузера в два раза.
Попробуйте Эрик Мейер reset.css.
вы можете установить их в теге body
body
{
font-size:xxx;
font-family:yyyy;
}
Если вы указываете атрибуты CSS для вашего элемента body, он должен применяться ко всему, находящемуся в пределах <body></body>, если вы не переопределите их позже в таблице стилей.