3. Использование таблиц стилей для ваших веб-страниц

3.1. Использование каскадных таблиц стилей

Каскадные таблицы стилей (Cascade Style Sheets, CSS) могут применяться к стилю HTML-документа тремя способами:

1. использование встроенных стилей;

2. использование внутренней таблицы стилей;

3. использование внешней таблицы стилей.

Nvu содержит встроенный редактор стилей, который называется CaScadeS. CaScadeS может использоваться для формирования внутренней или внешней таблицы стилей. В противоположность встроенным стилям, внутренние или внешние стили помогают раздельно хранить содержимое документа и информацию о стиле.

Для создания стиля редактируемого HTML-документа в меню "Инструменты", выберите пункт "Редактор CSS". Редактор имеет два режима работы:

1. Режим новичка: этот режим позволяет создавать правила, связанные с именем класса или с элементом указанного типа.

2. Режим эксперта: этот режим позволяет создавать правила без всяких ограничений.

В случае если нет никакой таблицы стилей, новый стиль будет создан автоматически.

3.2. Создание таблиц стилей в Nvu

Используя CaScadeS можно создавать внутренние или внешние таблицы стилей. Для создания внутренней таблицы стилей:

1. Нажмите на кнопку "Новая таблица".

   • Дополнительно: заполните поля "Типы носителей" и "Заголовок" для таблицы стилей.

2. Нажмите "Создать таблицу стилей".

Чтобы создать внешнюю таблицу стилей:

1. Нажмите на кнопку "Новая ссылка".

2. Заполните поле "URL" в панели справа. Новый файл будет создан на локальном компьютере, если он еще не существует.

   • Дополнительно: заполните поля "Типы носителей" и "Заголовок" для таблицы стилей.

3. Установите флажок "выберите для создания альтернативной таблицы стилей", если это требуется дополнительно.

Подсказка: Всегда сохраняйте HTML-документ перед применением локальной таблицы стилей. Также сохраняйте документ непосредственно до закрытия редактора CSS.

Подсказка: Используйте кнопку "Обновить" в левой панели, если таблица стилей сразу не загружается.

3.3. Создание правил для таблиц стилей

После создания одной или нескольких таблиц стилей для HTML-документа, могут быть созданы свои правила для каждой таблицы стилей индивидуально. Чтобы использовать определенную таблицу стилей для создания или изменения правил выделите таблицу стилей в левой панели щелчком по левой кнопки мыши. В правой панели на вкладке "Основное" отображается информация о таблице стилей. Для создания новых правил:

1. Нажмите на кнопку "Новое правило".

2. В правой панели отображаются опции относительно создания нового правила. Выберите один из пунктов:

   • именованный стиль (введите имя класса ниже);

   • стиль, применяемый ко всем элементам этого типа (введите тип ниже);

   • стиль, применяемый ко всем элементам следующего селектора.

3. Напишите имя правила.

4. Нажмите на кнопку "Создать правило стиля".

Правила могут быть определены с помощью стилевых вкладок (Текст, Фон, Обрамление, Бокс, Звук) в правой панели окна. Чтобы увидеть все установки стилевого правила, выделите правило в левой панели и щелкните по вкладке "Основное" в правой панели. Вкладка "Основное" отображает все установки применительно к текущему правилу.