Создание и изменение таблиц каскадных стилей

Таблицы каскадных стилей (CSS) позволяют управлять видом веб-страниц. С помощью CSS можно точно расположить элементы на веб-странице и настроить их внешний вид.

В зависимости от отношения к веб-странице таблицы CSS могут быть внешними или внутренними (встроенными), на веб-странице одновременно может использоваться одна или несколько таких таблиц. Как правило, стили, определенные во встроенной таблице CSS, имеют более высокий приоритет по сравнению со стилями, определенными во внутренней или внешней таблице CSS, а стили во внутренней таблице CSS имеют более высокий приоритет по сравнению со стилями во внешней таблице CSS.

Выберите действие.

Создание внешней таблицы CSS

Создание внутренней таблицы CSS

Создание встроенной таблицы CSS

Создание внешней таблицы CSS

Внешняя таблица стилей используется в том случае, если требуется применять одни и те же стили на нескольких или всех веб-страницах веб-узла. Определяя стили в одной или нескольких таблицах стилей и добавляя их к веб-страницам, можно обеспечить единообразие внешнего вида веб-узла. Если будет принято решение изменить стиль, это придется сделать всего один раз — во внешней таблице CSS — после чего данное изменение будет автоматически отражено на всех веб-страницах, использующих данный стиль и данную таблицу CSS.

Внешняя таблица CSS хранится в файле с расширением CSS, например в файле core.css. Синтаксис внешней таблицы CSS идентичен синтаксису внутренней таблицы CSS за исключением того, что стили, определенные во внешней таблице CSS, не окружены тегами <style>.

Создание пустой внешней таблицы CSS

  • В меню Файл укажите пункт Создать и выберите команду CSS.

    Совет : Можно также щелкнуть стрелку вниз на кнопке Создать документ Кнопка на панелях инструментов Общая или Стандартная, а затем выбрать значение CSS.

Создание нового стиля и внешней таблицы CSS за один шаг

  1. В меню Формат выберите команду Создать стиль.

    Совет : Можно также нажать кнопку Создать стиль в области задач Применение стилей, области задач Управление стилями или на панели инструментов Стиль.

  2. В диалоговом окне Создание стиля в поле Определить в выберите параметр Новая таблица стилей.

В начало страницы

Создание внутренней таблицы CSS

Внутреннюю таблицу CSS, которая иногда называется внедренной таблицей CSS, следует использовать в том случае, если нужно определить стили только для текущей веб-страницы, а также если требуется переопределить стили, определенные во внешней таблице CSS, прикрепленной к текущей веб-странице.

Внутренняя таблица CSS содержится в области веб-страницы, ограниченной тегами <head>.

Пример внутренней таблицы стилей

<style type="text/css">
.alert {
font-weight: bold;
color: #FF0000;
}
h1 {
font-size: 16pt;
font-family: Arial, Helvetica, sans-serif;
}
#headlines {
border-color: #000000;
border-width: thin;
border-style: solid;
}
</style>

Создание внутренней таблицы CSS

  1. Откройте веб-страницу, на которой должна находиться таблица CSS.

  2. В меню Формат выберите команду Создать стиль.

    Совет : Можно также нажать кнопку Создать стиль в области задач Применение стилей, области задач Управление стилями или на панели инструментов Стиль.

  3. В диалоговом окне Создание стиля в поле Определить в выберите параметр Текущая страница.

В начало страницы

Создание встроенной таблицы CSS

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

Дополнительные сведения о создании стиля см. в статье Создание и применение стиля.

Пример встроенной таблицы стилей

<p style="font-weight: bold; font-style: italic; color: #FF0000">

В начало страницы

Совершенствование навыков
Перейти к обучению
Первоочередный доступ к новым возможностям
Присоединиться к программе предварительной оценки Office

Были ли сведения полезными?

Спасибо за ваш отзыв!

Благодарим за отзыв! Возможно, будет полезно связать вас с одним из наших специалистов службы поддержки Office.

×