[an error occurred while processing this directive]
[an error occurred while processing this directive]
<H1>CSS</H1><H2>Практическое освоение</H2>

<li>Как вам уже известно, информация о стилях может располагаться либо в отдельном файле, либо непосредственно в коде Web-странички. Расположение описания стилей в отдельном файле имеет смысл в случае, если вы планируете применять эти стили к большему, чем одна, количеству страниц. Для этого нужно создать обычный текстовый файл, описать с помощью языка CSS необходимые стили, разместить этот файл на Web-сервере, а в коде Web-страниц, которые будут использовать стили из этого файла, нужно будет сделать ссылку на него. Делается это с помощью тега &lt;LINK&gt;, располагающегося внутри тега &lt;BODY&gt; ваших страниц:

<PRE>&lt;LINK REL=STYLESHEET TYPE="text/css" HREF="URL"&gt;</PRE>

<li>Первые два параметра этого тега являются зарезервированными именами, требующимися для того, чтобы сообщить браузеру, что на этой страничке будет использоваться CSS. Третий параметр – HREF= “URL” – указывает на файл, который содержит описания стилей. Этот параметр должен содержать либо относительный путь к файлу – в случае, если он находится на том же сервере, что и документ, из которого к нему обращаются – или полный URL (“http://...”) в случае, если файл стилей находится на другом сервере.
<li>Второй вариант, при котором описание стилей располагается в коде Web­странички, внутри тега &lt;BODY&gt;, в теге &lt;STYLE type="text/css"&gt;... &lt;/STYLE&gt;. В этом случае вы можете использовать эти стили для элементов, располагающихся в пределах странички. Параметр type="text/css" является обязательным и служит для указания браузеру использовать CSS.
<li>И третий вариант, когда описание стиля располагается непосредственно внутри тега элемента, который вы описываете. Это делается с помощью параметра STYLE, используемого при применении CSS с большинством стандартных тегов HTML. Этот метод не желателен, и понятно почему: он приводит к потере одного из основных преимуществ CSS – возможности отделения информации от описания оформления информации. Впрочем, если необходимо описать лишь один элемент, этот вариант расположения описания стилей также вполне применим.
<li>Давайте рассмотрим механизм, с помощью которого стили присваиваются элементам Web­страниц. Самый простой случай присвоения какому-либо элементу определенного стиля выглядит так:

<PRE>НАЗВАНИЕ_ЭЛЕМЕНТА {свойство: значение;},</PRE>

<li>Где НАЗВАНИЕ_ЭЛЕМЕНТА – имя HTML­тега (H1, P, TD, A и т. д.), а параметры в фигурных скобках – список свойств элемента и присвоенных им значений. Более подробно команды языка CSS мы рассмотрим чуть позже.
<li>Пример:

<PRE>H1 {font-size: 30pt; color: blue;}</PRE>

<li>В этом примере всем заголовкам на странице, оформленным тегом Н1, присваивается размер шрифта 30 пунктов и синий цвет.</P>
<li>Также элементы страниц, созданные с использованием CSS, используют механизм наследования: т. е. если вы располагаете изображение внутри тега &lt;P&gt;...&lt;/P&gt;, оформленного с помощью CSS, с отступами, так, чтобы параграф занимал только определенную часть ширины страницы, изображение также унаследует значения отступов, указанные для этого параграфа.
<li>CSS реализует возможность присваивать стили не всем одинаковым элементам страницы, а избирательно – для этого используется параметр CLASS = "имя класса" или идентификатор ID=“имя элемента”, присваивающиеся любому элементу страницы. Рассмотрим эти возможности подробнее.
<li>Параметр CLASS применяется в случае, если необходимо создать одинаковый стиль для нескольких, но не всех элементов страницы (одинаковых или разных).
<li>Пример:

<PRE>.b-с {font-weight: bold; text-align: center}
  – описание стиля для класса b-с</PRE>

<li>Все элементы класса b-с будут отображаться жирным шрифтом с выравниванием по центру страницы (или ячейки таблицы).

<PRE>&lt;P CLASS="b-с"&gt;Текст параграфа&lt;/P&gt;
– параграфу присвоен стиль класса b-с.
 &lt;TD CLASS="b-c"&gt;текст&lt;/TD&gt;
– ячейке таблицы присвоен стиль класса b-c.</PRE>

<li>Содержащийся в ячейке текст будет отображаться согласно описанию класса.
<li>Таким образом, вы можете присвоить описанный стиль любым текстовым элементам страниц. Обратите внимание, что при написании названия классов необходимо соблюдать регистр символов, согласно тому, как вы назвали класс в описании стиля!
<li>Присвоение стилей с помощью идентификаторов применяется в случае, если данному идентификатору соответствует только один элемент на странице. Если элементов, которым необходимо присвоить такой стиль, несколько – это уже класс.
[an error occurred while processing this directive]