Составители:
Рубрика:
4
конкретным элементом HTML, применяя их к неким структурным
единицам, которые определяет сам разработчик.
Но самое главное – набор правил стиля можно объявить в отдельном
файле и применять к документам всего сайта. Такой подход является
наиболее конструктивным с точки зрения разработки и дальнейшего
сопровождения веб-ресурса. Ведь достаточно изменить в этом файле
некое правило
стиля, и изменения сразу отразятся во всех документах
сайта.
Современные браузеры поддерживают основные возможности CSS,
но, к сожалению, с некоторыми нюансами, не позволяющими в полной
мере использовать CSS для описания внешнего представления,
оставив HTML лишь описание структуры. Скажем, при всем желании
следовать правильной концепции и использовать пресловутую
«верстку с помощью div-ов», многие до
сих пор (впрочем, вполне
эффективно) используют для компоновки страницы таблицы HTML. И
основная причина, на мой взгляд, лишь в том, что определенные
свойства стиля по-разному трактуются основными современными
браузерами.
С другой стороны, браузеры разных компаний-разработчиков могут
предлагать свои, находящиеся вне стандарта, свойства стиля.
Некоторые подобные возможности стилевых описаний
представляются
весьма актуальными, например, предложенные
Microsoft и поддерживаемые только Internet Explorer фильтры и
переходы. Так или иначе, зачастую возникает проблема
совместимости с разными браузерами, и приходится идти на
компромисс, не в полной мере используя возможности CSS.
Еще один важный момент. Стили можно изменять и динамически.
Доступ к свойствам стиля с возможностью их изменения сценариями
языка JavaScript
в полной мере реализован современными браузерами
в модели DOM2 (Document Object Model 2). Таким образом,
использование CSS можно считать одним из ключевых моментов в
создании рационально организованных, привлекательно оформленных
интерактивных веб-ресурсов.
5
О последовательности изложения
материала
Говоря о технологии описания параметров внешнего вида элементов
веб-документа, необходимо рассмотреть три аспекта:
• Способы объявления стилевых описаний в HTML-документе.
• Синтаксис объявления стилей.
• Собственно свойства стилей, определенные в спецификации CSS.
Я предлагаю именно такой порядок рассмотрения, хотя примеры
способов объявления стилей и синтаксических конструкций
предполагают упоминания конкретных свойств, которые
будут
подробно описаны позже. Надеюсь, это не вызовет затруднений,
поскольку названия свойств стиля, приводимые в примерах,
интуитивно понятны.
Способы объявления стилей
в HTML-документе
Внутренние стили
В начальном теге большинства HTML-элементов, может быть
использован атрибут style, значением которого является набор
правил в синтаксисе CSS. Эти правила будут применены только к тому
элементу, в котором объявлены. Например:
<h1 style="font-size:24px">
- данный заголовок будет выведен шрифтом размера 24 пиксела.
<em style="color:red">
- текст данного выделенного курсивом фрагмента будет красного
цвета.