Назначение CSS   

Дизайн Web-узлов - это точное размещение компонентов HTML-страниц касательно друг друга в рабочей области окна браузера.

Неточность данного определения Web-дизайна очевидна. В нем не учтены ни цвет, ни форма, ни другие свойства компонентов HTML-страниц. Основное в этом определении - показать сжатость возможностей HTML-разметки. Позиционирование компонентов на странице является одним из самых слабых мест в HTML.

Компонентами страницы являются: блоки текста, графика и встроенные в страницу приложения. Размер и границы всякого из этих компонентов в границах HTML-разметки задаются с различной степенью точности. Размер графики и приложений дозволено задать с точностью до пикселя. Размеры текстовых блоков в HTML задать невозможно. Они вычисляются браузером на основе относительного размера шрифта умолчания.

Автор страницы не может заблаговременно определить настроек браузера пользователя, что значительно ограничивает число вариантов представления информации на странице.

Невозможно сказать, что разработчики браузеров не предпринимали попыток изменить данную обстановку. В ранних версиях браузеров CERN для платформы NEXT и браузерах WWWC автору страницы давалась возможность переопределять настройки умолчания браузера через HTML-разметку. Но данный подход не получил продолжения в торговых продуктах и потихоньку завял.

Иной метод управления настройками браузера - программирование на JavaScript. Безумное становление этого языка принуждает говорить о возможности полного контроля над процессом отображения HTML-страниц. Недочет JavaScript - отказ от декларативного нрава разметки и касательно крупной объем кода для переопределения свойств элементов разметки.

Спецификация CSS(Cascading Style Sheets) дозволяет остаться в границах декларативного нрава разметки страницы и дает полный контроль над формой представления элеметов HTML-разметки.

Каскадные таблицы жанров призваны позволить возражение между точностью определения размеров картинок и приложений с одной стороны, и точностью определения размеров блоков текста и его начертания с иной.

Помимо размера компонентов, таблицы жанров дозволяют определить цвет и начертание текстового фрагмента, изменять эти параметры внутри текстового блока, исполнять выравнивание текстового блока касательно других блоков и компонентов страницы.

Присутствие всех этих возможностей дозволяет говорить о CSS как о средстве распределения логической конструкции документа и формы его представления. Логическая конструкция документа определяется элементами HTML-разметки, в то время как форма представления всякого из этих элементов задается CSS-описателем элемента.

CSS разрешает всецело переопределить форму представления элемента разметки по умолчанию. Скажем, <i>...</i> определяет отображение текста курсивом:

<i>Отобразим текст курсивом</i>
Отобразим текст курсивом

А сейчас переопределим жанр отображения для элемента разметки i:

<i style="text-decoration:underline;font-style:normal;">
Отобразим текст курсивом
</i>
Отобразим текст курсивом

Данный пример показывает, что знакомый жанр отображения элементов может быть всецело изменен при помощи CSS. В данной спецтехнологии HTML-разметка носит чисто декларативный нрав.

Фактическая важность CSS для Web-инжиниринга (общности спецтехнологий разработки и сопровождения Web-узлов) заключена в том, что процесс создания узла дозволено формализовать и представить в виде дальнейшей последовательности действий:

• Вначале надобно определиться с номенклатурой страниц, т.е. все страницы проектируемого Web-узла разбить на типы, скажем,: домашняя страница, навигационные страницы, информационные страницы, коммуникационные страницы и т.п.. У всего узла данный перечень может быть своим.
• Для всего из типов страниц разрабатывается определенная логическая конструкция (типовой комплект компонентов страницы).
• Позже этого разрабатывается навигационная карта узла и форма ее реализации на страницах.
• Для всякого стандартного компонета страницы разрабатывается жанр его отображения (CSS-описатель).
• Сейчас остается только рисовать картинки, создавать анимацию, писать программы, вручную вводить текст и графику либо генерировать оглавление страниц механически во время обращения к ним.

Объяснив таким образом роль и предназначение CSS среди разнообразия Web-спецтехнологий, мы перейдем непринужденно к обсуждению практики использования каскадных таблиц жанров.

далее...