Как указать атрибуты шрифта для всех элементов на веб-странице html?

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

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

Как это сделать?

Ответы

Ответ 1

* {
 font-size: 100%;
 font-family: Arial;
}

Звездочка подразумевает все элементы.

Ответ 2

Если вы используете 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; см. темы, такие как этот

Ответ 3

Я не могу достаточно подчеркнуть этот совет: используйте таблицу стилей reset, а затем установите все явно. Это сократит время разработки кросс-браузера в два раза.

Попробуйте Эрик Мейер reset.css.

Ответ 4

вы можете установить их в теге body

body
{
    font-size:xxx;
    font-family:yyyy;
}

Ответ 5

Если вы указываете атрибуты CSS для вашего элемента body, он должен применяться ко всему, находящемуся в пределах <body></body>, если вы не переопределите их позже в таблице стилей.