Каскадны?таблиц?стилей (Cascading Style Sheets, сокращенно CSS) - эт?технолог?, разработанная для форматирован? html документов ?придан? им определенног?стиля (положени?элементо?на экране, цвет текста, величина отступ?абзаца ?многое другое). Фактически, каскадны?таблиц?стилей представ?ют собо?набо?правил, ?соответствии ?которыми происходит форматирование текста ?элементо?на экране. Правил?хранятся либо ?само?html документ? либо ?отдельно?текстово?файл? имеюще? ка?правил? разрешение css. Создават?эт?файл?можн?даже ?Блокноте (Notepad).

?наиболее ярк?выраженным достоинствам каскадны?таблиц стилей отно?тся следующи?

1. Возможност?одновременного применен? одно??то?же каскадно?таблиц??большому числ?html документов. Эт?може?существенн?увеличит?эффективност?создан? новы?стилей, ?? для этог?требуется изменить всег?лишь один файл.

2. Разделение информации на дв?част? собственно html ко??таблиц?стилей. Во многих случ??эт?позволяет существенн?уменьшит?размер?файлов, ?? информац? ?стиля?всех страни?хранит? ?одно?файл? ?не во всех html документах.

3. Наличи??каскадны?таблицах стилей дополнительных, по сравнени??языко?разметки, методо?управлен? элементами.

Указанны?выше преимущества CSS во многом определили их широко?применение ?глобальной сети ?наст?ще?время.

Синтакси?таблиц стилей

Каждое об?вление ?CSS записывает? ?следующе?виде:

ТЕ?{свойство: значение}

Эт?запись дает браузеру команд?присвоит?содержимом?данног?ТЕГа определенное значение, указанного свойства.

?то?случае, если мы хоти?описат??об?влении нескольк?свойст? достаточно разделит?их точкой ?за?то?

ТЕ?{свойство_1: значение_1; свойство_2: значение_2}

Одно ?то же свойство ил?свойства можн?присвоит?сраз?нескольким тега? Для этог?достаточно разделит?их ?об?влении за?тыми:

ТЕГ_1, ТЕГ_2, ТЕГ_3 {свойство_1: значение_1; свойство_2: значение_2}

Во?реальный пример использования CSS:

H4, H3 {color: red; font-family: Courier}

Текс? заключенны??теги H4 ?H3, буде?написа?красны?цветом шрифто?Courier.

Ниже рассмотрен?основные свойства, описываемы??таблицах стилей.

Color - цвет
Эт?свойство опреде?ет цвет содержимог?тега, для которого он указан. Цвет указывается либо ?формат?RGB, либо одни?из стандартны?названий: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow.
Пример:

BODY {color: black}   ил?  BODY {color: #000000}

Font-family - семейств?шрифта
Эт?свойство устанавливае?шриф? которы?буде?выведе?текс? Наиболее част?используют? шрифты Arial, Courier ?Times New Roman. Эт?об?сняет? те? чт?пр?загрузке страницы ?таблицей стилей пользователь увидит текс? указанны??таблиц?стилей шрифто? только ?то?случае, если этот шриф?установлен ?него на компьютере. Arial, Courier ?Times New Roman, ка?правил? установлен?
Пример:

P {font-family: Arial}

Font-size - размер шрифта
Указывается размер шрифта ?пункта?(pt), пикселя?(px), дюймах (in) ил?сантиметра?(cm).
Пример:

EM {font-size: 14pt}

Text-decoration - "украшени?quot; текста
Cуществую??ть основных значений свойства text-decoration. Эт?- underline (подчеркивани?, line-through (зачеркивание), overline (линия на?строко?, blink (мигани? ?none (отсутствие "украшения" текста).
Пример:

H2 {text-decoration: underline}

Text-indent - отступ ?первой строке элемента
Отступ указывается ?те?же единицах, чт??размер шрифта, ?? пункта? пикселя? дюймах ил?сантиметра?
Пример:

P {text-indent: 3in}

Text-align - выравнивание текста на экране
Вы можете выбрат?один из четыре?стилей выравниван?: left (по левому краю), right (по правом?краю), center (по центру) ил?justify (по левому ?по правом?краю одновременно).
Пример:

P {text-align: justify}

Margin-left - отступ слев?br /> Существуют такж?свойства margin-right - отступ справа, margin-top - отступ сверху ?margin-bottom - отступ сниз? Значен? всех этих свойст?указываются ?пункта? пикселя? дюймах ил?сантиметра?
Пример:

H2 {margin-top: 100px}

?таблицах стилей существует ещ?мног?других свойст? однако, эт?тема отдельно?статьи.

Наследование
Одни?из важнейши?свойст?таблиц стилей являет? наследование. Он?пр?вляет? ?возможност?одного тега наследоват?свойства других тего? ?которы?он заключен. Поясним эт?примером.

Пуст?те?P описывается ?таблиц?стилей та?

P {color: green}

?пуст??html файл?есть такая строка:

<P>эт?очен?<B>важн?lt;/B></P>

Теперь зелены?цвет буде?имет?не только текс?заключенны??те?P, но ?текс? заключенны??те?B. Выглядеть эт?буде?примерно та?

эт?очен?важн?/strong>