Свойство font и порядок свойств

[LonerD]

Начинаю вникать в процесс вёрстки.

Возник вопрос про свойство font.

В каком случае его можно использовать в качестве сокращённой записи нескольких свойств шрифта, а в каком нельзя?

Хотел сократить запись, заменил в css-файле

font-size: 1.25em; font-family: Arial;

на

font: 1.25em Arial;

Оказалось, что это далеко не одно и то же.

http://jsfiddle.net/Fmzxg/6/

Получается, все значения свойства font, если не указать их явно, сбрасываются к неким дефолтным значениям? Где можно посмотреть эти дефолтные значения?

В справочнике неплохо было бы описать этот нюанс...

Также из приведённого примера видно, что обязательно line-height нужно записывать только после font, чтобы это свойство работало так, как задумано (если line-height прописать до font, то интерльяж сбросится фонтом).

Какие ещё свойства могут конфликтовать или несрабатывать, если их записать в неправильном порядке?

Где можно посмотреть официальный правильный порядок записи свойств? Нашёл только csscomb, но каким образом там упорядочивались свойства - непонятно.

[mrnobody]

Ну вот собственно ссылка на font

Синтаксис:

font: [font-style||font-variant||font-weight] font-size [/line-height] font-family | inherit

Если проще, то тут сказано что свойства font-size и font-family обязательны. Это в кратце )

[troll]

Получается, все значения свойства font, если не указать их явно, сбрасываются к неким дефолтным значениям? Где можно посмотреть эти дефолтные значения?

Примерно так. font задает значения сразу для группы свойств (font-size, line-height, font-weight, итд), если для какого-либо свойства значение не указано, используется значение по умолчанию этого свойства (кстати, подобным образом работают и некоторые другие свойства сокращенной записи, такие как border, background). Соответственно, дефолтные значения можно посмотреть в описаниях отдельных свойств.

Также из приведённого примера видно, что обязательно line-height нужно записывать только после font, чтобы это свойство работало так, как задумано (если line-height прописать до font, то интерльяж сбросится фонтом).

Какие ещё свойства могут конфликтовать или несрабатывать, если их записать в неправильном порядке?

Почитайте про каскад.

Edited April 24, 2012 by troll

[LonerD]

Спасибо, значит надо внимательно следить за наследованием свойств