![]() |
|
Главная Скачать (Download) Dreamweaver CS6 Dreamweaver CS5 Dreamweaver CS4 Dreamweaver 8 Dreamweaver MX 2004 - Рабочая область
Dreamweaver 4- Создание/ открытие документов - Настройка сайта - Компоновка страниц с CSS - Табличный контент - Шаблоны в MX 2004 - Работа с страницами - Настройка серверных приложений - Рабочая область для динамических страниц Уроки (Tutorials) Видеоуроки new!!! Fireworks ЧаВо Документация Статьи Программы и скрипты Бесплатные шаблоны Каталог сайтов Форум Карта сайта Контакты |
Применение стилевых таблиц CSS Стиль - это группа атрибутов форматирования, которая определяет вид текста в отдельном документе. Таблица стилей CSS может использоваться для управления несколькими документами сразу и включать все стили для документа. Преимущество использования таблицы стилей CSS по сравнению со стилем HTML состоит в том, что стили не только применяются ко многим документам, но и при изменении CSS-стиля обновляются все документы, которые используют данную таблицу стилей. Например, представьте, каково управлять большим Web-сайтом, подобным Yahoo. Стили CSS обозначаются именем или тегом HTML, позволяя вам изменять атрибут стиля и видеть весь текст, к которому этот стиль применяется, немедленно отражая изменение. Стили CSS в документах HTML могут управлять большинством традиционных атрибутов форматирования текста, шрифта, размера и выравнивания, однако, стиль CSS может также определить уникальные атрибуты HTML, например, расположение, специальные эффекты и чувствительные области. Таблицы стилей CSS в документе находятся в разделе <HEAD>. Стиль CSS может определять атрибуты форматирования для тегов HTML, диапазоны текста, идентифицированного атрибутом CLASS, или текстом, который соответствует критериям спецификации CSS. Dreamweaver распознает стили, определенные в существующих документах, если они соответствуют основным CSS-стилям. Стили CSS существуют уже достаточно давно, но многие Web-дизайнеры отказываются использовать их из-за непоследовательной поддержки различными браузерами. Таблицы стилей CSS поддерживаются браузерами версий 4.0 и более поздними. Internet Explorer 3.0 распознает некоторые таблицы стилей CSS, но наиболее более ранние браузеры игнорируют их. В Dreamweaver доступны три типа таблиц стилей CSS: - пользовательские CSS стили подобны стилям, которые вы используете
в текстовом редакторе, за исключением того, что нет никакого различия между
стилем абзаца и стилем символа. Вы можете применить эти стили к любому блоку
текста. Если CSS-стиль применяется к фрагменту текста (например, начального
абзаца или списка), то к тегу блока добавляется атрибут class (например, <P
class="myStyle"> или <UL class="myStyle">). Если
стиль CSS применяется к диапазону текста, то вокруг выделенного текста вставляются
теги <SPAN>, содержащие атрибут class (см. Создание
CSS-стиля.) Ручное HTML-форматирование отменяет форматирование, выполненное стилями CSS или HTML. Чтобы управлять форматированием абзаца с помощью стилей CSS, вы должны удалить все ручное форматирование HTML и все стили HTML. Хотя вы можете устанавливать неограниченное количество атрибутов стиля CSS, не все атрибуты, определенные в Dreamweaver спецификацией CSS1, появляются в окне документа. Атрибуты, которые не появляются, отмечены звездочкой (*) в диалоговом окне Style Definition. Обратите внимание, что некоторые из атрибутов стиля CSS, которые вы можете настраивать с помощью Dreamweaver, по-разному отображаются в Microsoft Internet Explorer 4.0 и Netscape Navigator 4.0, а часть в настоящее время не поддерживается ни одним браузером. Обратите внимание: Чтобы вызвать руководство O"Reilly CSS, содержащееся в Dreamweaver, щелкните на кнопке Reference, находящейся на панели инструментов, и выберите пункт O'REILLY CSS Reference в верхнем раскрывающемся списке. Свойства стиля CSS Спецификация В Microsoft Internet Explorer 4.0 и более поздних версиях можно применять язык сценариев типа JavaScript или VBScript, чтобы изменить расположение и свойства стиля CSS для элементов после того, как страница загружена. В Netscape Navigator 4.0 нельзя изменять свойства стиля CSS после того, как страница загружена, но разрешается менять свойства расположения.
Реклама |
|
![]() |