2018-01-21
828
Селектором называется имя стиля, в котором указаны параметры форматирования. Селекторы делятся на несколько типов: селекторы тегов, классы и идентификаторы. В качестве селектора может использоваться любой из тегов языка HTML, если к нему возможно употребить какое-нибудь свойство.
Селектор может состоять из нескольких тэгов. В этом случае значение указанного свойства будет применено только к тому фрагменту документа, который помечен сразу всеми участвующими в декларировании тэгами с соблюдением указанной последовательности вложения тэгов.
Классы используются для создания стилей, которые можно применять к любому тегу HTML, для выделений или изменений стиля блока текста; они обозначаются точкой перед именем. Обращение к селектору класса происходит через параметр class, значением которого выступает имя класса без точки.
Спецификация СSS позволяет назначить различные декларации одинаковым селекторам. Для этого селектору сопоставляются различные классы, каждому из которых назначается своя декларация
|
|
|
Синтаксис:
Селектор.класс{свойство:значение}
Можно также описать класс без явного указания селектора.
Синтаксис:
.класс {свойство: значение}
Связывание какого-либо тэга с объявленным классом осуществляется следующим образом.
Синтаксис:
<тэг class=”класс”>текст</тэг>
Идентификаторы обычно используются совместно с клиентскими программами, чтобы через них можно было динамически управлять параметрами стиля; для определения того, что это идентификатор, к имени добавляется символ решетки. Стиль любого тега можно связать с идентификатором, если к тегу добавить параметр idс указанием имени идентификатора без символа решетки.
Иерархия стилевых решений.
Встроенный стиль, синтаксис: <тэг style=”свойство:значение”>текст</тэг>
Вложенный стиль, синтаксис: <Head><styletype=”text/css”>селектор1 {свойство: значение} селектор2 {свойство:значение} … </style></head>
Присоединенныйстиль, синтаксис: <head><linkrel=”stylesheet” type=”text/css” href=”file.css”></head>
Вывод: в ходе работы были приобретены навыки создания простейших Internet-документов, используя таблицы стилей.
Литература
1. Технологии проектирования web-документов / Ругалева И.Е., Дашкевич Н.В., Козлов С.М.,. – Минск: БНТУ, 2010. -116с.
2. Белунцов, В. Новейший самоучитель по созданию Web-страниц / В. Белунцов. – М.:ДЕСС КОМ, 2000. – 321с.
