Просмотр архива Движок masteram.us


<?php
require'../../shaxty.php';

$title='Учебник CSS';
$align = 'left';
$head = 'УчебникCSS';
include_once (H.'shaxty/head.php');
echo '<br />';
?>
<font color=red>Практическое освоение CSS(продолжение)</font><br />
&nbsp;Давайте рассмотрим механизм, с помощью которого стили присваиваются элементам Webстраниц. Самый простой случай присвоения
 какому-либо элементу определенного стиля выглядит так:<br />
<span>НАЗВАНИЕ_ЭЛЕМЕНТА {свойство: значение;}</span>,<br />
&nbsp;Где НАЗВАНИЕ_ЭЛЕМЕНТА – имя HTMLтега <span>(H1, P, TD, A и т. д.)</span>, а параметры в фигурных скобках – список
свойств элемента и присвоенных им значений. Более подробно команды языка CSS мы рассмотрим чуть позже.<br />
Пример:<br />
<span>H1 {font-size: 30pt; color: blue;}</span><br />
&nbsp;В этом примере всем заголовкам на странице, оформленным тегом <span>Н1</span>, присваивается размер шрифта 30 пунктов и синий цвет.<br />
&nbsp;Также элементы страниц, созданные с использованием CSS, используют механизм наследования: т. е. если вы располагаете
изображение внутри тега <span>&lt;P</span>&gt;...<span>&lt;/P&gt;</span>, оформленного с помощью CSS, с отступами, так, чтобы параграф занимал
только определенную часть ширины страницы, изображение также унаследует значения отступов, указанные для этого параграфа.
CSS реализует возможность присваивать стили не всем одинаковым элементам страницы, а избирательно – для этого используется
параметр <span>CLASS = "имя класса"</span> или идентификатор <span>ID=«имя элемента»</span>, присваивающиеся любому элементу страницы. Рассмотрим
эти возможности подробнее.
Параметр <span>CLASS</span> применяется в случае, если необходимо создать одинаковый стиль для нескольких, но не всех элементов страницы
(одинаковых или разных).<br>
&nbsp;Пример:<br>
  <span>.b-с {font-weight: bold; text-align: center}</span><br />
  – описание стиля для класса b-с<br>
&nbsp;Все элементы класса b-с будут отображаться жирным шрифтом с выравниванием по центру страницы (или ячейки таблицы).<br>
  <span>&lt;P CLASS="b-с"&gt;Текст параграфа&lt;/P&gt;</span><br />
– параграфу присвоен стиль класса b-с.<br>
  <span>&lt;TD CLASS="b-c"&gt;текст&lt;/TD&gt;</span><br />
– ячейке таблицы присвоен стиль класса b-c.<br />
&nbsp;Содержащийся в ячейке текст будет отображаться согласно описанию класса.
Таким образом, вы можете присвоить описанный стиль любым текстовым элементам страниц. Обратите внимание, что при написании
названия классов необходимо соблюдать регистр символов, согласно тому, как вы назвали класс в описании стиля!
Присвоение стилей с помощью идентификаторов применяется в случае, если данному идентификатору соответствует только один
элемент на странице. Если элементов, которым необходимо присвоить такой стиль, несколько – это уже класс.<br />

<a href="sv.php">Свойства элементов, управляемых с помощью CSS</a><br />


<a href="index.php">Назад</a><br />

<? echo '<br />';
include_once (H.'shaxty/foot.php');
foot();
 ?>