Пример 8.4. Сочетание разных классов
HTML5CSS 2.1IECrOpSaFx <!DOCTYPE HTML> <html> <head> <meta charset="utf-8" > <title> Облако тегов </title> <style type="text/css" >. level1 { font-size: 1em; }.level2 { font-size: 1.2em; }.level3 { font-size: 1.4em; }.level4 { font-size: 1.6em; }.level5 { font-size: 1.8em; }.level6 { font-size: 2em; } A. tag { color: #468be1; /* Цвет ссылок */ } </style> </head> <body> <div> <a href="/term/2" class="tag level6" > Paint.NET </a> <a href="/term/69" class="tag level6" > Photoshop </a> <a href="/term/3" class="tag level5" > цвет </a> <a href="/term/95" class="tag level5" > фон </a> <a href="/term/11" class="tag level4" > палитра </a> <a href="/term/43" class="tag level3" > слои </a> <a href="/term/97" class="tag level2" > свет </a> <a href="/term/44" class="tag level2" > панели </a> <a href="/term/16" class="tag level1" > линия </a> <a href="/term/33" class="tag level1" > прямоугольник </a> <a href="/term/14" class="tag level1" > пиксел </a> <a href="/term/27" class="tag level1" > градиент </a> </div> </body></html> Результат данного примера показан на рис. 8.4. Рис. 8.4. Облако тегов В стилях также допускается использовать запись вида.layer1.layer2, где layer1 и layer2 представляют собой имена классов. Стиль применяется только для элементов, у которых одновременно заданы классы layer1 и layer2.
Идентификаторы комментариев: 47 23.09.2010 Влад Мержевич Идентификатор (называемый также «ID селектор») определяет уникальное имя элемента, которое используется для изменения его стиля и обращения к нему через скрипты. Синтаксис применения идентификатора следующий. #Имя идентификатора { свойство1: значение; свойство2: значение;... } При описании идентификатора вначале указывается символ решётки (#), затем идет имя идентификатора. Оно должно начинаться с латинского символа и может содержать в себе символ дефиса (-) и подчеркивания (_). Использование русских букв в именах идентификатора недопустимо. В отличие от классов идентификаторы должны быть уникальны, иными словами, встречаться в коде документа только один раз.
Обращение к идентификатору происходит аналогично классам, но в качестве ключевого слова у тега используется атрибут id, значением которого выступает имя идентификатора (пример 9.1). Символ решётки при этом уже не указывается.
Читайте также: B) Гибкое сочетание административных и экономических начал с целью обеспечения экономического роста. Воспользуйтесь поиском по сайту: ©2015 - 2024 megalektsii.ru Все авторские права принадлежат авторам лекционных материалов. Обратная связь с нами...
|