Субота, 21.06.2025, 08:40
Головна Реєстрація RSS
Вітаю Вас, Гість
Меню сайту
Реклама
Категорії розділу
Архітектура ПК [1]
Архітектура та експлуатація персонального комп'ютера
СПЗ [12]
Системне програмне забезпечення та операційні системи
Комп'ютерна графіка [25]
КСМ [28]
Комп'ютерні системи та мережі
ІСІТО [1]
Інформаційні системи і технології обліку
Бухгалтерський облік [0]
АМтП [10]
Алгоритмічні мови та програмування
Копирайт рерайт [1]
СУБД [18]
Системи управління базами даних
ОКТ практикум [2]
Основи комп'ютерних технологій практикум
Інформатика (практ) [1]
інформатика практикум, практичні заняття
ТіОБВ [61]
Технологія і організація будівельного виробництва
ОСАПр [6]
Основи систем автоматизованого проектування, AutoCAD, ArchiCAD
ТіОБВ (заочники) [1]
Пошук
Статистика
Яндекс.Метрика
Онлайн всього: 1
Гостей: 1
Користувачів: 0
Форма входу
Календар
«  Листопад 2013  »
Пн Вт Ср Чт Пт Сб Нд
    123
45678910
11121314151617
18192021222324
252627282930
Архів записів
Головна » 2013 » Листопад » 27 » Групування в CSS
11:35
Групування в CSS
При створенні стилю для сайту, коли одночасно використовується безліч селекторів, можлива поява повторюваних параметрів. Щоб не повторювати двічі одні й ті ж елементи, їх можна згрупувати для зручності подання та скорочення коду. У прикладі 14.1 показана нормальний запис, для кожного селектора наводиться свій набір стильових атрибутів.

Приклад 14.1. Стиль для кожного селектора

H1 {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 160%;
 color: #003; 
} 
H2 {
 font-family: Arial, Helvetica, sans-serif; 
font-size: 135%;
 color: #333;
 }
H3 {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 120%;
 color: #900;
 }
 P {
 font-family: Times, serif;
 }
З даного прикладу видно, що стиль для тегів заголовків містить однаковий параметр font-family. Групування якраз і дозволяє встановити один параметр відразу для декількох селекторів, як показано у прикладі 14.2.

Приклад 14.2. Згруповані селектори

H1, H2, H3 {
 font-family: Arial, Helvetica, sans-serif;
 } 
H1 { 
font-size: 160%;
 color: #003;
 }
 H2 {
 font-size: 135%;
 color: #333; 
}
 H3 { 
font-size: 120%;
 color: #900;
 }
У даному прикладі єдиний для всіх селектор параметр font-family застосовується відразу до декількох тегам, а індивідуальні атрибути вже додаються до кожного селектору окремо. Селектори групуються у вигляді списку тегів, розділених між собою комами. До групи можуть входити не тільки селектори тегів, але також ідентифікатори і класи. Загальний синтаксис наступний.

Селектор1, Селектор2, ... СелекторN {Опис правил стилю}

При такому записі правила стилю застосовуються до всіх селекторів, перерахованих в одній групі.

Дякую сайт конструктор
Категорія: КСМ | Переглядів: 2558 | Додав: Gryzley | Рейтинг: 0.0/0
Всього коментарів: 0
Ім`я *:
Email *:
Код *: