Каскадные листы стилей (CSS) становятся все более важным компонентом веб-сайтов, поскольку они предоставляют много возможностей для дизайна и управления содержанием. Спецификация HTML-4.0 постоянно поддерживает их использование не смотря на огроничения поддержки Каскадных листов стилей броузерами.
Листы стилей могут быть добавлены на любом этапе разработки сайта, но в идеале спецификация дизайна для сайта вводиться посредством листов стилей при этом отпадает необходимость кодирования и форматирования индивидуальных тегов. Еще более важным является то, что каскадные листы стилей позволяют разработчикам и авторам содержания, сконцентрироваться на проблемах организации и навигации путем отделения форматирования от содержания. По мере разработки сайта стили могут быть коренным образом изменены, добавлены и удалены, давая разработчику больше свободы (и времени) для достижения более высоких результатов в дизайне.
Если вы новичок, то первое, что вам необходимо узнать - это термины используемые в работе со стилями. Правила стилей совпадают с HTML элементами, но между ними не всегда есть полное соответствие.
HTML теги содержат атрибуты со значениями, например:
<h1 align="center"><font size="+2" color="green">Some Text</font></h1>
Теги
h1и
fontсодержат атрибуты, чьи значения определяют место размещения, размер шрифта и цвет текста.
Листы стилей содержат правила, которые применяются к селекторам (selectors), использующим описания (declarations) для определения форматирования:
h1 { text-align : center; font-size : larger; color : Green; }
В данном примере селектор
h1содержит описание, которое определяет расположение, размер шрифта и цвет текста. Если это единственное правило для
h1, то каждый тег
<h1>;будет отображать данное форматирование.
Каскадные листы стилей - сложный инструмент для четкого контроля за видом веб страниц, однако их правильное применение требует определенных навыков.
Вы можете начать с простых правил для общих элементов страниц и постепенно перейти к созданию более сложных стилей, по мере овладения техническими приемами. HomeSite Style Editor дает предварительный просмотр правил и их определения перед тем, как вставить их в документ. Вы можете посмотреть страницы целиком в броузере с тем, чтобы наглядно увидеть как взаимодействуют стили.
Редактор стилей HomeSite - TopStyle предоставляет полный интерфейс для дизайна и применения каскадных листов стилей. TopStyle, является приложением, которое написал Ник Бредбери (Nick Bradbury) являющийся первоначальным разработчиком HomeSite.
TopStyle имеет свою справочную систему, которая охватывает основы CSS интеграцию HomeSite, и такие свойства (функции) как Style Insight и Style Inspector.
Запустить TopStyle можно нажав кнопку StyleEditor на панели инструментов.
Хелп TopStyle, содержит много полезной информации по синтаксису и пользовательским и требованиям к стилям предоставляет многочисленные примеры кодов.
« Назад