Где мы должны объявить размер шрифта, высоту строки и семейство шрифтов для тела, до сброса CSS или после?

Question

Например, если я использую eric meyer reset , и мне нужно применить этот стиль к телу.

body { font: 100%/1.5 "Helvetica Neue", Helvetica, Tahoma, Arial, sans-serif;*/ }

Должен ли я сохранить это до сброса css или после?

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: black;
    background: white;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}

Answer 1

Если вы не сбрасываете любое свойство шрифта, которое установлено в упомянутом вами правиле font, не имеет значения, поместите ли вы его до или после сброса, поскольку оно не будет изменено при сбросе. *

---

Редактировать Теперь я вижу, какой сброс вы используете:

Для значений inherit это независимо от того, используете ли вы правило font до или после сброса. Так что font-family ("Helvetica Neue", Helvetica, Tahoma, Arial, sans-serif) одинаково для обоих вариантов. То же относится и к свойствам, которые используют одинаковые значения (font-size).

Но значения line-height различны в обоих наборах правил body (сброс: 1; ваше правило: 1.5). И там вы должны решить, какое значение вы хотите иметь: если это 1, поместите ваше правило перед сбросом; если это 1.5 (и я так думаю), поставьте правило после сброса.

Answer 2

Как сказал Гамбо, не имеет значения, куда вы положили его, если вы не сбросили шрифт, а сброс Эрика Мейера наследует свойства шрифта, поэтому можно объявить его также до сброса, НО если вы хотите следовать некоторым рекомендациям и писать их на основе элементарной логики архитектуры, если вы устанавливаете некоторые свойства для объекта, а затем сбрасываете его (уничтожаете), эти свойства, как предполагается, давно исчезли.

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

Я всегда пишу свои собственные общие стили после сброса.

Answer 3

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

Answer 4

Сброс Эрика Мейера включает в себя строку, которая сбрасывает значения шрифта для body для наследования, поэтому, если вы используете его дословно, вам придется включить объявление шрифта после сброса.

Answer 5

Самый безопасный способ убедиться, что ваши CSS-правила используются, - это объявить их после сброса.