Стили CSS
Для работы со стилями CSS с одинаковым успехом можно использовать как специализированную панель CSS Styles, так и универсальную панель Properties. По умолчанию, для выделенного текста панель Properties находится в режиме форматирования с помощью тегов HTML. Об этом свидетельствует кнопка со значком в виде буквы "А", расположенная перед списком шрифтов (рис. 5.24). Щелкните по ней, чтобы переключить панель Properties на форматирование с помощью стилей CSS. Отметьте, как изменился внешний вид панели: вместо списка шрифтов появился список доступных стилей, исчезли параметры размера, цвета и выравнивания текста, а вместо них появилась длинная строка с описанием выбранного стиля.
|
Рис. 5.24. Панель Properties при работе с текстом может находиться в двух режимах: вверху — форматирование с помощью тегов HTML, внизу — форматирование с помощью стилей CSS |
Но панель Properties может использоваться для работы со стилями не во всех случаях, а только при форматировании текста. Если, находясь в визуальном режиме, вы выделите таблицу, рисунок или какой-нибудь другой не текстовый элемент, на панели Properties будут отображены его свойства, а стили будут недоступны.
|
Рис. 5.25. Панель CSS Styles предназначена для работы с каскадными таблицами стилей |
Но стили CSS, в отличие от описанных стилей HTML, могут использоваться для оформления не только текста, но и других составляющих Web- страницы. Вообще, каскадные таблицы стилей были задуманы именно как универсальное средство для задания правил отображения. Стиль CSS можно применить к тексту, к таблице, к изображению — к чему угодно.
Поэтому наиболее универсальным инструментом для работы с этими стилями является специализированная панель CSS Styles (рис. 5.25). С ее помощью мы можем создавать, просматривать и редактировать стили в любое время. Чтобы открыть панель, используйте команду меню Window | CSS Styles или клавишу <F11>.