Rambler's Top100 http://dreamweaver3.narod.ru
Macromedia Dreamweaver для каждого
 
главная > форматирование текста > применение стилевых таблиц CSS
Разделы
- обзор
- форматирование тегами HTML
- вставка текста и объектов
- создание списков
- настройка шрифтов, стилей, цвета и выравнивания
- форматирование стилями HTML
- применение стилевых таблиц CSS
- преобразование CSS в теги HTML
- проверка орфографии
- поиск/замена текста, тегов и атрибутов
- видео уроки new!!!
- форум
- Гостевая книга


Поиск в интернет-магазине Bolero

Применение стилевых таблиц 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 переопределяют форматирование в специфический тег, типа <H1>. Когда вы создаете или изменяете стиль CSS для тега <H1>, то весь текст, форматированный данным тегом, немедленно обновляется.
Обратите внимание: Будьте осторожны при пересмотре тегов в связанном с текстом стиле CSS, поскольку это может изменить макет многих страниц. Например, если вы просматриваете тег таблицы, то это изменит макет других страниц, использующих каскадные таблицы стилей.
- избирательные CSS-стили заменяют форматирование специфической комбинацией тегов (например, <TD H2>, применяемой всякий раз, когда внутри ячейки таблицы появляется заголовок <H2>) или для всех тегов, которые содержат определенный ID-атрибут (например, #myStyle applies to all tags that contain the attribute-value pair ID="myStyle").

Ручное 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 после того, как страница загружена, но разрешается менять свойства расположения.

дальше >>

Реклама






В помощь всем веб-дизайнерам. Описание, обучение, помощь, форум - максимум информации о Macromedia Dreamweaver 8. Статьи о HTML, CSS, PHP, MySQL. Macromedia Flash по-русски - понятно все! Rambler's Top100 pda, кпк, коммуникатора