Таблицы сталей (CSS — Cascading Style Sheets) были предложены W3C еще при разработке спецификации HTML 3.0. Однако фактически они стали доступны в четвертых версиях Internet Explorer и Netscape Navigator.
В основу таблиц стилей была положена простая идея: IITML позволяет описывать язык, используя разные теги. Эти теги (большую часть) можно настраивать. Например, тег Р описывает абзац. Для неё в листах стилей можно задать:
То же самое можно сделать для заголовков (Н1, Н2 ... Н6), для гипертекстовых ссылок А и многих Других элементов.
Как вы можете видеть, таблицы стилей расширили возможности представления страниц, позволили облегчить создание единого вида страниц сайта. Таблицы стилей расширили ограниченные механизмы представления в HTML. Тем самым они оказались сильнейшим инструментом в руках дизайнера.
Благодаря CSS вы можете создать один файл, в котором достаточно описать стили тегов так, как вы хотели бы видеть это все на своих страницах, а затем лишь применить его ко всем страницам WEB-публикащш. Любое изменение в этом CSS- файле вызовет мгновенное изменение визуального вида всех ваших страниц.
Давайте создадим свои таблицы стилей теми способами, что предлагает FrontPage.
Самое простое — это включить CSS в каждый файл. Для этого в меню «Format» надо выбрать опцию «Style».
Окно Style — окно редактирования стилей
В нем вы можете выбрать любое имя стиля (Р — это текст абзаца, А — ссылка, В и STRONG — это полужирный, I и ЕМ — эго курсив, HI. Н2 и так далее — это заголовки) и, нажав на кнопку «Modify», перейти в окно Modify Style. Нажав кнопку «Format» вы сможете настроить:
Мы настроим параметры шрифта для следующих имен предлагаемых стилей: Р, A, HI, Н2 на странице «Хобби» (hobbies.htm). Причем наши настройки останутся теми же, что мы применяли до этого при настройке текстуры и основных цветов (окно Page Properties закладка Background) и при изменении параметров шрифтов для заголовка «Мои увлечения» и подзаголовков «Литература» и «Музыка» на странице «Хобби.
Теперь можно в настройках окна Page Properties в закладке Background параметрам раздела Colors установить цвета по умолчанию (значение Automatic»).
Выделим словосочетание «Мои увлечения» и в панели инструментов в списке «Style» выберем стиль «Heading 1». Выделим слово Литература в списке «Style» выберем стиль «Heading 2». Выделим первый абзац текста и нажмем на кнопку «Align Left» в панели инструментов. И так далее.
Также таблицу стилей, используемую на страницах сайта, можно хранить в отдельном файле.
Я вновь возвращаюсь к окну New, но уже закладке Style Sheets
Автор статьи Алина