Macromedia
Dreamweaver для каждого
|
Macromedia
Dreamweaver для каждого
|
|
|
| главная > форматирование текста > применение стилевых таблиц CSS |
- обзор - форматирование тегами HTML - вставка текста и объектов - создание списков - настройка шрифтов, стилей, цвета и выравнивания - форматирование стилями HTML - применение стилевых таблиц CSS - преобразование CSS в теги HTML - проверка орфографии - поиск/замена текста, тегов и атрибутов - видео уроки new!!! - - Гостевая книга |
Применение стилевых таблиц 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 Спецификация Cascading Style Sheets specification (CSS1), которая издается Консорциумом 3WC, определяет свойства стиля CSS (например, шрифт, цвет, просвет, граница, интервал между словами), которые задают вид элементов страницы. Любое свойство CSS1 вы можете установить, используя Dreamweaver. В Microsoft Internet Explorer 4.0 и более поздних версиях можно применять язык сценариев типа JavaScript или VBScript, чтобы изменить расположение и свойства стиля CSS для элементов после того, как страница загружена. В Netscape Navigator 4.0 нельзя изменять свойства стиля CSS после того, как страница загружена, но разрешается менять свойства расположения.
|
|
