Спецификация CSS позволяет создавать стили с использованием сокращенного синтаксиса, называемого сокращенным CSS. Сокращенный CSS позволяет указать значение нескольких свойств с помощью одного тега свойства. Например, вы можете использовать свойство шрифта, чтобы установить свойства шрифта-стиль, вариант шрифта, вес шрифта, размер шрифта, высоту строки и семейство шрифтов в одной строке синтаксиса.
Ключевая проблема, на которую следует обратить внимание при использовании сокращенного CSS, заключается в том, что пропущенным значениям из сокращенных свойств CSS присваивается значение по умолчанию для свойства. Если одному и тому же тегу назначены два или более правил CSS, это может привести к неправильному отображению страницы.
Например, тег H1, показанный ниже, использует обычный синтаксис CSS. Обратите внимание, что значениям свойств font-variant, Font-Stretch, Font-size-Adjust и Font-style присваиваются значения по умолчанию.
Ч1 {
начертание шрифта: жирный;
размер шрифта: 16pt;
высота строки: 18pt;
семейство шрифтов: Arial;
вариант шрифта: нормальный;
стиль шрифта: нормальный;
шрифт-стретч: нормальный;
настройка размера шрифта: нет
}
Давайте перепишем этот тег, используя сокращенный атрибут:
H1 { шрифт: жирный шрифт 16pt/18pt Arial }
При написании с использованием сокращенной записи пропущенным значениям автоматически присваиваются значения по умолчанию. Таким образом, в приведенном выше примере сокращений теги font-variant, Font-style, Font-Stretch и Font-size-Adjust отсутствуют.
Если вы используете сокращенную и обычную формы синтаксиса CSS для определения стилей более чем в одном месте (например, встраивание стилей в HTML-страницу или импорт стилей из внешней таблицы стилей), имейте в виду, что пропущенные атрибуты могут переопределять (или каскадировать) стили в свойствах, которые явно заданы в другом месте.
Поэтому Dreamweaver по умолчанию использует нормальную форму символов CSS для написания синтаксиса. Это предотвращает потенциальные проблемы, вызванные сокращенными правилами, которые переопределяют обычные правила. Открывая в Dreamweaver веб-страницу, закодированную с использованием сокращенной нотации CSS, имейте в виду, что Dreamweaver будет использовать обычную форму для создания новых правил CSS. Параметры редактирования CSS можно изменить в категории «Стили CSS» диалогового окна «Настройки» («Правка>>Настройки в Windows; Dreamweaver>>Настройки в Macintosh. Укажите, как Dreamweaver создает и редактирует правила CSS).
Уведомление
Панель «Стили CSS» создает правила, используя только обычные символы. Если вы используете панель «Стили CSS» для создания страницы или таблицы стилей CSS, имейте в виду, что ручное кодирование сокращенных правил CSS может привести к тому, что свойства сокращенных обозначений переопределят свойства, созданные в обычной форме. Поэтому для создания стилей используйте обычные символы CSS.