Dreamweaver может создать правило CSS для автоматического завершения форматирования тегов HTML или форматирования текстового диапазона, определенного атрибутом класса или идентификатора. Как установить правило CSS? Давайте посмотрим на подробное руководство ниже.
1. Дважды щелкните значок Dreamweaver CS5.
2. Нажмите «Файл» в меню и выберите «Новый».
3. В окне нового документа выберите «Пустая страница» — « HTML », в качестве типа документа выберите «XHTML1.0 переходный» и нажмите кнопку «Создать».
4. Поместите точку вставки в документ, затем нажмите « Формат » в строке меню и выберите « Стиль CSS » — «Новый» во всплывающем раскрывающемся меню.
5. В диалоговом окне « Новое правило CSS » укажите тип селектора создаваемого правила CSS:
Чтобы создать собственный стиль, который можно применить к любому элементу HTML в качестве атрибута класса, выберите параметр «Класс» во всплывающем меню «Тип селектора», а затем введите имя стиля в текстовом поле «Имя селектора».
Чтобы отформатировать метку, содержащую определенный атрибут идентификатора, выберите параметр «Идентификатор» во всплывающем меню «Тип селектора» и введите уникальный идентификатор в текстовое поле «Имя селектора».
Чтобы переопределить формат по умолчанию для определенного тега HTML, выберите параметр «Тег» во всплывающем меню «Тип селектора», а затем введите тег HTML в текстовое поле «Имя селектора» или выберите тег во всплывающем меню.
6. В окне «Определение правила CSS» установите необходимые параметры типа, фона, блока, поля, границы, списка, позиционирования и защиты отображения, а затем нажмите кнопку «ОК» для завершения настроек.
7. Вы также можете установить его на панели стилей CSS. Поместите точку вставки в документ и щелкните значок « Новое правило CSS » под панелью «Стили CSS». Затем завершите настройки на шаге 6.
8. Установите параметры, необходимые для типа, фона, блока, поля, границы, списка, расположения и защиты отображения в свойствах CSS.
Выше приведено руководство по созданию правил CSS в Dreamweaver CS5. Надеюсь, оно вам понравится. Продолжайте обращать внимание на сайт downcodes.com.