Каскадные листы стилей (далее просто -
стили
) изобретены для облегчения труда Web-мастеров.
Например, создавая сайт из множества страниц Вы хотите дабы
форматирование элементов страницы проходило по определенному
шаблону, что никак не заставляла бы излишний однажды вводить в код каждой
страницы длинные значения атрибутов. Таким шаблоном также являются
стили. Всеобщий принцип написания их сводится к следующей последовательности:
свойства_стиля1: значение; свойство_стиля2: значение;.......свойство_стиляN:
значение ,
где остальные знаки пунктуации применяются в зависимости от свойств
стиля.
По
своим свойствам стили делятся на три группы.
Находят применение, в какое время нужно отформатировать элемент не
повторяющий больше нигде на странице также имеющий отношение
к конкретному тэгу. Описывается этот манера так: <ТЕГ
атрибут1="значение"...... атрибутN="значение" STYLE="свойство_стиля1:
значение ... свойство_стиляN: значение" >
Применяются для описания способов форматирования элементов
страниц глобально с присвоением имени для каждого стиля.
Данное описание вмещается непосредственно в код страницы
- в контейнер
<HEAD>с помощью контейнера
<STYLE>
. Приводим образец:
<HEAD><STYLE type=text/css
>.имя_стиля {описание_стиля}
TD.имя_стиля {описание_стиля}
</STYLE></HEAD>
, в каком месте "type=text/css" - обязательная информация, однако
TD
- обозначение тэга к которому станет применяться стиль.
Под словами "описание_стиля" следует понимать
различные параметры форматирования элемента, которых
может существовать немало.
Используются при применении стилей в внушительных количествах
либо в какое время имеется более десяти страниц, представляя из
себя единичный текстовой файл с расширение
.css
. Ссылка на такой файл указывается в контейнере
<HEAD>
также владеет последующий вид:
<LINK HREF="адрес_файла
стилей/имя_файла .css"
TYPE="text/css"
REL
="stylesheet">,
в каком месте
TYPEплюсREL
-атрибуты, определяющие тип файла. К месту сослаться
разрешено также по иному:
@import url
("адрес_файла стилей/имя_файла .css").
После того, как укажем стили в самой страничке либо сделаем ссылку
на них - разрешено применять их при непосредственном участии
атрибутов
<CLASS>или
<ID>
на нужных тэгах. Пример:
< TD CLASS=" имя_стиля">элемент_страницы</TD>
.
Существует схоже ещё пара способа применения стилей - описание
псевдоклассов также псевдоэлементов.
Единицы измерения в
CSS
обозначаются в:
пикселях (px) - минимальная крапинка на экране
пунктах (pt) - штука измерения шрифта (1пункт=1/72 дюйма
пиках (pc) - 1 пика равна 12пунктам
процентах (%) - отношение к иной величине
миллиметрах (mm) также сантиметрах (cm) - без комментариев
дюймах (in) - 1 дюйм равен 2,52 cm
В стилях, как также во всём языке HTML, при описании цвета применяется
модель
RGB
.
В спецификации HTML 4.01 данного языка
каскадные
листы стилей нужно использовать повсеместно
, в каком месте они могут владеть
применение. Международный консорциум
W3C,
утвердивший данную спецификацию, рекомендует использовать
CSS
(Cascading Style Sheets). Другие методы отмечены в ней
как нежелательные.
Встроенные инструменты по созданию каскадных листов стилей многих
HTML-редакторов позволяют весьма спешно также удобно справится
с этой задачей. Но никак не имея достаточных знаний в этом
курсе - результат станет обратным.
Среди широкого избрания HTML-редакторов в которых кушать возможность
создания каскадных листов стилей стоит выделить на наш
взор простые также понятные - Macromedia HomeSite 5.0 с его
Top Style также Macromedia Dreamweaver MX 2004. Завершительный будет
получше для новичков.
Прежде чем переходить к редакторам настоятельно рекомендуем
пройти теоретические занятия по тем ссылкам (
см. выше).