Главная

Ключевые направления

Прочие публикации

Мои проекты

Услуги

Отзывы

Контакты

Акции

Личные кабинеты

Синтаксис

Стиль отображения элементов формируется в них ссылкой на селектор.

При необходимости перечислить селекторы, для которых действует описание стиля, синтаксис описания стилей в нотации text/css имеет следующий вид:

селектор, селектор, ..., селектор
 {атрибут: значение;
 атрибут: значение;
 ...;
 атрибут: значение;}

Задать иерархию вложенности селекторов, совокупность которых ассоциируется с определённым описанием стиля, в нотации text/css можно следующим образом:

селектор селектор ... селектор
 {атрибут: значение;
 атрибут: значение;
 ...;
 атрибут: значение;}

К примеру, величину отступа параграфа от левого края регулирует атрибут margin-left.

Имя элемента разметки в качестве селектора

Описывая стиль отображения стандартных элементов разметки во внешнем файле, можно управлять отображением содержимого нескольких HTML-документов одновременно, при этом описывая в них только логическую структуру.

Имя класса в качестве селектора

Имя класса не относятся к стандартным именам элементов разметки, но определяет перечень элементов, к которым будут применёны значения атрибутов из описания стиля класса. Описание стиля для класса устанавливается строкой, в которой селектор имеет вид имени класса начинающегося с «.». Отнести элемент к классу можно путём добавления ему атрибута CLASS, в качестве значения которого указывается имя класса.

На один и тот же класс могут ссылаться элементы разметки разного типа. Для этого перед именем класса в описании стилей установлена точка. Однако, перед этой точкой может быть указано имя элемента разметки, что позволяет ссылаться на класс только элементам конкретного типа. Это удобно в тех случаях, когда в пределах одного HTML-документа необходимо разместить элементы разметки одного типа, но отобразить их отлично друг от друга.

Система классов, аналогично системе доменных имён, представляет собой дерево, где класс является корнем, а элементы разметки узлами.

В общем виде описание стиля класса имеет следующий вид:

.имя_класса
 {атрибут: значение;
 атрибут: значение;
 ...;
 атрибут: значение;}

или

имя_элемента_разметки.имя_класса
 {атрибут: значение;
 атрибут: значение;
 ...;
 атрибут: значение;}

Идентификаатор объекта в качестве селектора

Document object model (объектная модель доумента) описывает HTML-документ в виде дерева объектов.

    К объектам относятся:
  • сам документ;
  • блоки DIV;
  • прочие элементы разметки.

Каждому объекту может быть присвоено уникальное имя. по которому к нему можно обратиться, например, при программном формировании страницы на стороне клиента.

Помимо прочего идентификатор объекта может быть использован для ссылки на описание стиля. Это оправдано в тех случаях, когда, вместо описания нескольких классов с незначительными отличиями, рационально создать один класс со всеми необходимыми атрибутами и идентификаторы объектов с атрибутами отличными от тех, что перечислены в классе. Описание стиля для объекта устанавливается строкой, в которой селектор имеет вид идентификатора объекта начинающегося с «#». Присвоить идентификатор объекту можно путём добавления ему атрибута ID, который будет содержать этот идентификатор. Однако браузер Netscape Navigator вместо атрибута ID обращается к атрибуту NAME.

В общем виде описание стиля объекта имеет следующий вид:

#имя_объекта
 {атрибут: значение;
 атрибут: значение;
 ...;
 атрибут: значение;}

При описании стилей в несколько строк так, как это сделано выше, браузер Netscape Navigator может отобразить описанные элементы с ошибками.

Обновлено: 11:46 20.06.2019

Назад

Поиск
Расширенный Поиск
©Tumaliev R.