CSS по шагам

Использование идентификатора


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<style type="text/css">

#help {

 position: absolute; /* Абсолютное позиционирование */

 left: 160px; /* Положение элемента от левого края */

 top: 120px; /* Положение от верхнего края */

 width: 225px; /* Ширина блока */

 height: 180px /* Высота блока */

}

</style>

</head>

<body>

<div id="help">

Этот элемент помогает в случае, когда вы находитесь в осознании того факта, что совершенно не понимаете, кто и как вам может помочь. Именно в этот момент мы и подсказываем, что помочь вам никто не сможет.

</div>

</body>

</html>

В данном примере определяется стиль тега <DIV>, для которого указан селектор help

через параметр id.

Как и при использовании классов, идентификаторы можно применять к конкретному тегу. Синтаксис при этом будет следующий.

Тег#Имя идентификатора { свойство1: значение; свойство2: значение; ... }

Вначале указывается имя тега, затем без пробелов символ решетки и название идентификатора. В примере 7.2 показано использование идентификатора применительно к тегу <P>.



Содержание раздела