управління стилями

Таблиці стилів представляють собою сукупність правил, що застосовуються для оформлення певних елементів на сторінках сайту. Технологія каскадних стилів (CSS) дозволяє зберігати всю інформацію про розмітку сторінки, які використовуються на ній шрифтах, кольорах, стилях оформлення меню і т.д. в певному місці (одному або декількох файлах).

Використання CSS спрощує завдання оформлення та верстки сторінок сайту. Крім того, при зміні дизайну сайту або його окремих елементів немає необхідності в редагуванні кожної сторінки: досить просто змінити відповідну таблицю стилів.

Так, наприклад, можна змінити оформлення форуму (шрифт, колір елементів і ін.) У наведеному прикладі стилі форуму задаються окремо від стилів загального шаблону сайту.

Таблиці стилів налаштовуються окремо для кожного шаблону сайту, використовуваного в системі, і розміщуються в папках відповідних шаблонів сайту. Таблиці стилів для подання внутрішнього змісту сторінок сайту зберігаються в файлах виду styles.css папки відповідного шаблону. Додаткові таблиці стилів, наприклад, стилі форуму, можуть мати імена виду: forum.css.

Роздільне зберігання стилів

У продукті доданий механізм, що дозволяє здійснювати роздільне зберігання стилів:

Наприклад: на сайті для всіх заголовків визначені відповідні стилі відображення, тобто вони використовуються як для оформлення контенту сторінок, так і для оформлення контенту блоків, які виходять за межі # WORK_AREA #. Таким чином, ми повинні були б помістити стилі цих заголовків як в файл template_styles.css так і в styles.css. Але так як обидва цих файлу підключаються до шаблону, то в даному випадку все стилі для оформлення заголовків слід помістити тільки в файл styles.css. так як він теж підключається на сторінці.

Файли на сторінці сайту підключаються в такому порядку:

Але якщо в файлі styles.css до визначення кольору додати підвищення пріоритету! Important. то стиль з цього файлу «переб'є» стиль, визначений у template_styles.css. фон сайту стане також червоного кольору, не дивлячись на те, що файл стилів шаблону підключається останнім.

стилі сайту

Створення таблиці стилів шаблону дизайну (файл template_styles.css) виконується на закладці Стилі шаблону форми редагування шаблону сайту