Спільне використання каскадних таблиць стилів

Дата добавления: 2015-07-09; просмотров: 461; Нарушение авторских прав

У CSS передбачені два способи, які дозволяють двом різним групам Web-сторінок спільно використовувати один і той же набір стилів. При використанні першого методу в розділ Head кожної сторінки, для якої ви хочете використати загальний набір стилів, вміщується посилання на документ-джерело цих стилів, наприклад:

Вставка таких тегів виготовляється в режимі коду HTML. При цьому тег розміщується на новому рядку безпосередньо після тега <head>. Файл-джерело (в нашому випадку це sharecss.css) може містити тільки вирази CSS.

На жаль, цей метод має два істотних обмеження: в кожному файлі може бути тільки одне подібне посилання, і, крім того, ви не зможете в документі використати інші стилі CSS. Якщо ви порушите це правило, браузер запитає відвідувача Web-сайта про те, який набір стилів він вважає за краще використати. Навряд чи вам це потрібно.

Другий метод полягає у використанні команди @import в звичайній таблиці стилів, наприклад:

@import “stylecss.css"

H1 { font-style. Arial, snas-senf;}

</STYLE>

Використання цього методу дозволяє уникнути обмежень першого методу (з використанням команди link). При цьому ним можна користуватися, взагалі не вдаючись до редагування коду HTML. Ось як виглядає його застосування на практиці:

1. Створіть файл з набором потрібних вам стилів CSS, а потім збережіть його з розширенням .css.

2. Якщо вам треба використати цей набір стилів CSS тільки для деяких сторінок, виберіть ці сторінки. Можливо, простіше усього це зробити в режимі Folder View.

3. У меню Format виберіть Style Sheet Links. Відкриється діалогове вікно, показане на мал. 10.

4. У цьому діалоговому вікні встановіть перемикач в положення All pages, якщо ви хочете застосувати набори стилів до всіх сторінок Web, і Selected page(s), якщо ви плануєте застосувати їх тільки до вибраних. Потім виберіть файли .css, які ви хочете використати як джерела наборів стилів, за допомогою кнопки Add (якщо вони вже вибрані в списку URL, то цього робити не треба).

Тепер вам залишилося тільки натиснути OK, і ви зможете використати загальні набори стилів для всіх вибраних вами Web-сторінок.

<== предыдущая лекция	\|	следующая лекция ==>
Списки CSS	\|	Принципи побудови та інтерпретації мови HTML