Идентификаторы. CSS. Учебник от Маржевича

Идентификаторы. CSS. Учебник от Маржевича

Создание и раскрутка сайтов

Вбиваю в ТОП-10, как гвозди

8-965-148-98-02, diplom07@mail.ru

Создание и раскрутка сайтов

Вбиваю в ТОП-10, как гвозди

8-965-148-98-02, diplom07@mail.ru

Идентификаторы. CSS. Учебник от Маржевича

Идентификаторы. CSS. Учебник от Маржевича

www.homa.xp3.biz 

Идентификатор (называемый также "ID селектор") определяет уникальное имя элемента, которое используется для изменения его стиля и обращения к нему через скрипты.

Синтаксис применения идентификатора следующий.

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

При описании идентификатора вначале указывается символ решётки (#), затем идет имя идентификатора. Оно должно начинаться с латинского символа и может содержать в себе символ дефиса (-) и подчеркивания (_). Использование русских букв в именах идентификатора недопустимо. В отличие от классов идентификаторы должны быть уникальны, иными словами, встречаться в коде документа только 1 раз.

Обращение к идентификатору происходит аналогично классам, но в качестве ключевого слова у тега используется атрибут id, значением которого выступает имя идентификатора (пример 9.1). Символ решётки при этом уже не указывается.

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

HTML5 CSS2.1 IE Cr Op Sa Fx

<title>Идентификаторы</title>
<style>
#help{position:absolute;left:160px;top:50px;width:225px;padding:5px;background:#f0f}
</style>
<div id=help>Этот элемент помогает в случае, когда вы находитесь в осознании того факта, что совершенно не понимаете, кто и как вам может помочь. Именно в этот момент мы и подсказываем, что помочь вам никто не сможет.
</div>

В данном примере определяется стиль тега div через идентификатор с именем help (рис.9.1).

Рис.9.1. Результат применения идентификатора

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

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

Вначале указывается имя тега, затем без пробелов символ решётки и название идентификатора. В примере 9.2 показано использование идентификатора применительно к тегу p.

Пример 9.2. Идентификатор совместно с тегом

HTML5 CSS2.1 IE Cr Op Sa Fx

<title>Идентификаторы</title>
<style>
p{color:green;font-style:italic}
p#opa{color:red;border:1px solid #666;background:#eee;padding:5px}
</style>
<p>Обычный параграф
<p id=opa>Параграф необычный

Рис.9.2. Вид текста после применения стиля

В данном примере вводится стиль для тега p и для такого же тега, но с указанием идентификатора.

Отвечу на любые вопросы. С уважением, Дмитрий Владимирович:
8-965-148-98-02, diplom07@mail.ru.
Печатать страницу: Идентификаторы. CSS. Учебник от Маржевича

Идентификаторы, CSS, Учебник от Маржевича, Идентификаторы, CSS, Учебник, от, Маржевича, создание, сайта, веб, заказ, web, дизайн, раскрутка, продвижение, новый, сайт, рейтинг, сео, seo, Создание сайтов, web-программирование, seo-продвижение, создание и раскрутка сайтов, вбиваю в топ-10, как гвозди, попробуйте бесплатно, Создание сайтов, web-программирование, seo-продвижение, Идентификаторы, CSS, Учебник, от, Маржевича, создание, сайта, веб, заказ, web, дизайн, раскрутка, продвижение, новый, сайт, рейтинг, сео, seo, создание, сайта, веб, заказ, web, дизайн, раскрутка, продвижение, новый, сайт, рейтинг, сео, seo, раскрутка сайтов, Вбиваю в ТОП-10, как гвозди, раскрутка сайтов, Делаю и раскручиваю сайты, Дмитрий Владимирович

×

Ваше письмо