<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">
<head>
<link rel="stylesheet" type="text/css" href="../style.css"/>
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico"/>
<meta http-equiv="Content-Type" content="application/vnd.wap.xhtml+xml; charset=UTF-8"/>
<title>Xmoder.wen.ru</title>
</head>
<body>
<div class="b">
<div class="r">
<div align="center">
<img src="../logo.gif" class="top" alt="Xmoder.wen.ru"/>
<div align="center">
<div class="menu">Единицы измерения</div>
<div class="cont">
<center>Единицы измерения</center>
Давайте рассмотрим механизм, с помощью которого стили присваиваются элементам Webстраниц. Самый простой случай присвоения
какому-либо элементу определенного стиля выглядит так:
НАЗВАНИЕ_ЭЛЕМЕНТА {свойство: значение;}
Где НАЗВАНИЕ_ЭЛЕМЕНТА – имя HTMLтега (H1, P, TD, A и т. д.), а параметры в фигурных скобках – список
свойств элемента и присвоенных им значений. Более подробно команды языка CSS мы рассмотрим чуть позже.
Пример:
H1 {font-size: 30pt; color: blue;}
В этом примере всем заголовкам на странице, оформленным тегом <span>Н1</span>, присваивается размер шрифта 30 пунктов и синий цвет
Также элементы страниц, созданные с использованием CSS, используют механизм наследования: т. е. если вы располагаете
изображение внутри тега <P& gt;...></P>, оформленного с помощью CSS, с отступами, так, чтобы параграф занимал
только определенную часть ширины страницы, изображение также унаследует значения отступов, указанные для этого параграфа.
CSS реализует возможность присваивать стили не всем одинаковым элементам страницы, а избирательно – для этого используется
параметр CLASS = "имя класса" или идентификатор ID=«имя элемента», присваивающиеся любому элементу страницы. Рассмотрим
эти возможности подробнее.
Параметр CLASS применяется в случае, если необходимо создать одинаковый стиль для нескольких, но не всех элементов страницы
(одинаковых или разных).
Пример:
.b-с {font-weight: bold; text-align: center)>
– описание стиля для класса b-с
Все элементы класса b-с будут отображаться жирным шрифтом с выравниванием по центру страницы (или ячейки таблицы).<br>
<P CLASS="b-с">Текст параграфа</P>
– параграфу присвоен стиль класса b-с.
<TD CLASS="b-c">текст</TD>
– ячейке таблицы присвоен стиль класса b-c.
Содержащийся в ячейке текст будет отображаться согласно описанию класса.
Таким образом, вы можете присвоить описанный стиль любым текстовым элементам страниц. Обратите внимание, что при написании
названия классов необходимо соблюдать регистр символов, согласно тому, как вы назвали класс в описании стиля!
Присвоение стилей с помощью идентификаторов применяется в случае, если данному идентификатору соответствует только один
элемент на странице. Если элементов, которым необходимо присвоить такой стиль, несколько – это уже класс.
<center><a href="practic.html">Первая Статья Про Практику</a><br>
<div class="cont"><a href="index.html">Назад</a><BR>
<a href="../index.html">На главную</a>
</div>
</div>
</div><div align="center">
<div class="foot">Xmoder.wen.ru
</div>
<div class="counts">
Счётчики/Баннеры<br>
<a href='http://bann.su/click.php?sub=7631'><img src='http://bann.su/ban.php?sub=7631&c=FFFFFF&b=FF0000' alt='Жми'/></a><BR>
<a href='http://wen.ru/'><img src='http://c.wen.ru/1117594.wbmp?' alt='Создай сайт! Create site!'/></a>
<script language="JavaScript" src="http://free-one.ru/xml_gzip_status.php"></script>
</div>
</body>
</html>