По мере увеличения количества документов, расположенных на вашем сервере WWW, вам будет все труднее и труднее заниматься его сопровождением. Особенно это касается оформления документов HTML. Представьте себе, что вам нужно, например, изменить оформление заголовков первого уровня во всех документах, а также изменить шрифтовое оформление текста, вставленного в документ при помощи оператора

Ручная обработка множества документов HTML с целью приведения их внешнего вида к некоторому стандарту может отнять немало времени.

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

Для упрощения оформления документов современные текстовые процессоры, такие, например, как Microsoft Word, используют оформление по образцу. Образцы содержат в себе описания параметров оформления и называются стилями. Например, в стиле может быть указано, что заголовок второго уровня отображается красным цветом и должен быть отцентрирован.

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

Вернемся к проблеме оформления большого количества документов HTML. Для решения этой проблемы вы можете использовать так называемые каскадные таблицы стилей Cascading Style Sheets (CSS), разработанные консорциумом World Wide Web Consortium (W3C).

Полное описание текущей редакции каскадных таблиц стилей вы можете найти на сервере консорциума W3C по адресу http://www.w3.org/pub/WWW/TR/WD-css1.html. Кроме того, мы рекомендуем вам обязательно познакомиться с описанием таблиц стилей A User"s Guide to Style Sheets, расположенном на сервере http://www.microsoft.com. Мы же расскажем вам только о самых важных возможностях таблиц стилей, реализованных в навигаторе Microsoft Internet Explorer версии 3.0.

Что же касается навигатора Netscape Navigator версии 3.0, то он не работает со стилями. Однако в ближайшем будущем фирма Netscape планирует добавить такую возможность в свой навигатор.

Способы использования стилей

Предусмотрено три различных способа использования стилей. В зависимости от ваших потребностей, вы можете применять все или только некоторые из них.

Общие таблицы стилей для нескольких документов HTML

Наиболее интересное применение таблиц стилей - это их использование для оформления многих, возможно, даже всех документов HTML, расположенных на вашем сервере. При этом выполняется подключение (linking) файлов таблиц стилей к документам HTML. Имя файла таблицы стилей должно иметь вид *.css.

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

Заметим, что общие таблицы стилей могут использоваться одновременно не только на одном, но и на нескольких серверах WWW, так как можно подключать файлы таблиц стилей, указывая их стандартный адрес URL. Это позволяет централизованно создавать и изменять корпоративные таблицы стилей.

Встраивание таблиц стилей в документы HTML

Если отдельные документы HTML должны быть оформлены особым образом, отличным от того, что задано в общих таблицах стилей, вы можете встроить таблицы стилей непосредственно в текст документа HTML. Такие таблицы называются встроенными (embedded) таблицами стилей.

Недостаток встроенных таблиц стилей заключается в необходимости редактирования содержимого всех документов HTML, где эти стили используются, при изменении стилей для всего сервера. Поэтому их применение оправдано только в тех случаях, когда на сервере расположено не очень большое количество документов HTML со встроенными стилями.

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

Встраивание стилей в операторы HTML

Последний способ предполагает встраивание стилей непосредственно в операторы языка HTML и применение стилей для оформление отдельных фрагментов документа HTML. Этому способу присущ тот же недостаток, что и предыдущему, - при изменении стиля необходимо вручную редактировать все документы HTML, в котором этот стиль используется.

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

Создание файлов таблиц стилей

Как мы уже говорили, файлы таблиц стилей содержат определения стилей, которые могут быть использованы для оформления многих документов HTML, расположенных на одном или нескольких серверах WWW.

Внешний вид файла таблицы стилей лучше изучать на конкретном примере (листинг 2.17).

Листинг 2.17. Файл chap2\styles\styles.css

H1 { font-size: 24; font-weigt: bold; color: red; margin-left: 10% } H2 { font-size: 20; font-weigt: bold; color: black; font-family: Courier } P.italic { font-style: italic } P.red { color: red }

Здесь мы определили стили H1, H2, P.italic и P.red.

Определение стиля начинается с имени класса (например, H1), вслед за которым в фигурных скобках перечисляются параметры стиля. Для стиля с классом H1 мы указали размер шрифта, равный 24 пунктам, задали утолщение, красный цвет и отступ с левой стороны на 10 процентов от ширины экрана.

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

Ссылка на файл таблицы стилей

Для того чтобы документ HTML был оформлен с использованием файла таблицы стилей, в разделе заголовка документа необходимо разместить оператор . Пример ссылки на файл таблицы стилей вы можете найти в листинге 2.18.

Листинг 2.18. Файл chap2\styles\cssdemo.htm

Команды <a href="/kakoi-programmoi-otkryt-fail-vosstanovlennyi-posle-formatirovaniya-kak.html">логического форматирования</a>

Заголовок первого уровня

Обычный текст

Заголовок второго уровня

Наклонный текст

Текст красного цвета

Параметры оператора необходимо задавать, как указано в этом примере. В параметре HREF должен быть указан адрес URL файла таблицы стилей. Этот файл может находиться на любом сервере WWW, а не только на том, где размещен данный документ HTML.

Как пользоваться стилями из файла таблицы стилей?

Очень просто.

Если в файле определены параметры для операторов языка HTML, предназначенных для оформления текста (например, для операторов

или

, как в нашем примере), вы просто указываете эти операторы без изменений:

Заголовок первого уровня

Обычный текст

Заголовок второго уровня

Однако при определении стиля вы можете не только переопределить параметры форматирования операторов, но и создать новые классы для этих операторов. Например, ниже определены классы italic и red для оператора P.italic { font-style: italic } P.red { color: red }

Для того чтобы задействовать созданные классы, вы должны указать имя нужного класса в параметре CLASS оператора

(или другого оператора форматирования текста), как это показано ниже:

Наклонный текст

Текст красного цвета

Внешний вид документа, оформленного с использованием нашего файла таблицы стилей, показан на рис. 2.18.

Рис. 2.18. Внешний вид документа, оформленного с использованием файла таблицы стилей

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

Заголовок второго уровня изображен с использованием шрифта с фиксированной шириной символов, так как в соответствующем стиле было указано семейство шрифтов Courier.

Последние два параграфа документа отображаются, соответственно, с наклоном и с выделением красным цветом.

Стили в документе HTML

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

В листинге 2.19 мы привели пример документа HTML, в который встроена таблица стилей.

Листинг 2.19. Файл chap2\styles\embed.htm

Встроенная таблица стилей

Заголовок первого уровня

Обычный текст

Заголовок второго уровня

Наклонный текст

Текст красного цвета

Внешний вид этого документа при просмотре в навигаторе Microsoft Internet Explorer аналогичен показанному на рис. 2.18. Навигатор Netscape Navigator, как и в предыдущем случае, игнорирует стилевое оформление.

Обратите внимание на использование оператора комментария . Когда документ просматривается навигатором, не распознающем стилевое оформление, то такой навигатор проигнорирует как оператор


Заголовок красного цвета.



Третий способ.
В HTML есть такой элемент, как link . Элемент link располагается в HEAD блоке HTML документа. Он предназначен для создания связи между документами. В CSS этот элемент используется для подключения внешних таблиц стилей. Внешними, называются таблицы, расположенные отдельно от HTML документа, но используемые им. Элемент link , как и style имеет два необходимых атрибута type и media . Значения этих атрибутов, такие же, как и для элемента style . Для этого элемента необходимо задать ещё два атрибута href и rel . Атрибут href определяет URL таблицы стилей. Атрибут rel принимает в качестве своего значения тип связи между документами и для таблиц стилей, он должен принимать значение stylesheet . Для одного HTML документа можно подключить несколько внешних таблиц стилей. Например:







Заголовок красного цвета.



Теперь остаётся создать файлы main.css и ptint.css, который будет содержать все необходимые инструкции CSS.

H1 { color: red; }

Четвёртый способ.
Ну что же, вот мы и подошли к последнему способу подключения стилей к HTML документу. Данный способ, немного отличается от других, т.к. он не базируется на HTML элементах или их атрибутов. Речь пойдёт о директиве @import . Эта директива из CSS, и содержаться она может только в CSS документе, то есть либо в элементе style либо во внешней таблице. Эта директива должна стоять перед всеми инструкциями CSS.






Заголовок красного цвета.



Результат будет эквивалентен предыдущему способу подключения.

Заключение.
Вот и всё, теперь вы знаете о CSS ещё на чуть больше, чем раньше. Не забывайте: CSS даёт вам безграничные возможности по форматированию документов!

§ 3. Встраивание таблиц стилей в HTML-документ .

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

Различают три способа размещения стиля на странице:

  • Подставляемые стили (in-line)
  • Встраиваемые стили (embedded)
  • Внешние таблицы стилей
Теперь давайте рассмотрим каждый способ по отдельности. Первый способ — это подставляемые таблицы стилей . Данный метод мы применяем для конкретного элемента страницы, например для горизонтальной линии (
). Пример:

Применив этот стиль, мы получим горизонтальную линию длинной 50 пикселей, высотой в 4 пикселя и, соответственно, цветом #ff8c00. Данный способ встраивания стиля целесообразно использовать, если необходимо изменить стиль написания текста, гарнитуру, цвет только в определенном месте страницы.

Следующий способ подстановки — это встраиваемый стиль . Данный способ более компактно добавляет таблицу стилей. Осуществляется путем добавления в заголовок html-страницы тегов , между которыми вы записываете нужные стили. Пример:



Заголовок вашей страницы


…

Как видно из примера, теги должны находиться между . Также желательно использовать атрибут type="text/css", т. к. это поможет некоторым браузерам распознать стиль, отсутствие этого атрибута может привести к полному игнорированию некоторыми браузерами данного участка кода. Кроме того, обычно необходимо помещать вокруг содержимого

…

Здесь нужно сделать замечание, что функция @import должна стоять перед любыми правилами. Преимуществом данного способа является возможность добавить на страницу сразу несколько таблиц стилей.

Перечисленные здесь способы встраивания таблиц стилей имеют свои плюсы и минусы. Это уж вам решать, каким образом следует прикрепить стиль к странице, какой способ будет более приемлемым для вас и для конкретной ситуации. Удачи.


Применение Таблицы Стилей к документу

Встраивание Таблиц Стилей в документ
Задание стиля для отдельного фрагмента документа
Импорт Таблицы Стилей

Указание нескольких свойств одновременно
Группирование селекторов
Комментирование Таблицы Стилей
Свойства стилей
Свойства background
Обрамление элементов
Свойства списков
Свойства текста
Группирование свойств для упрощения определения стиля
Наследование свойств
Применение контекстных селекторов
Почему Таблицы Стилей называются каскадными

Таблицы стилей предусмотрены рекомендациями W3C и являются стандартным инструментом форматирования Web - страниц, использующим подходы, характерные для настольных издательских систем. Программа Microsoft Internet Explorer 3.0 стала первым браузером, поддерживающим таблицы стилей. Браузер Netscape Navigator поддерживает таблицы стилей, начиная с версии 4.0В2 (Beta 2), доступной с февраля 1997 года.

Подробные сведения о рекомендациях W3C можно получить по адресу: http://www.w3.org/pub/WWW/TR/WD-cssl.html . В стандарте W3C используется термин "каскадные таблицы стилей уровня 1" ("cascading style sheets level 1, CSSI").

Для начала необходимо пояснить, что имеется в виду под названием “таблиц стилей”. Большинство современных текстовых редакторов позволяют пользователю определять стиль, который будет использоваться для форматирования документа. В частности, можно выбрать стиль абзаца с одинарным межстрочным интервалом, шрифтом Courier и левым полем в один дюйм. Этот стиль форматирования может быть в дальнейшем применен к любому числу абзацев этого и других документов. Таблицы стилей НТ

ML действуют точно таким же образом. Ниже приведен краткий список основных функций:

    Изменение расстояний между строками, словами и отдельными символами.

    Установка левого, правого, верхнего и нижнего полей элемента (блока текста контейнера HTML).

    Установка отступа элемента.

    Изменение размера, стиля и других атрибутов шрифта элемента.

    Установка рамки вокруг элемента.

    Включение фонового изображения и фонового цвета в элемент.

Большим преимуществом таблиц стилей HTML является возможность отделить операцию форматирования от содержания документа. Сначала определяется, как должен выглядеть текст в том или ином месте страницы, а затем вводите сам текст. Если вы позднее решите, например, заменить цвет шрифта заголовков на синий, для этого будет достаточно поменять только стиль этих заголовков. Делать изменения в тексте нет необходимости.

Существует четыре метода применения таблицы стилей к документу:

    Связывание (Linking) - можно связать HTML - документ с таблицей стилей, хранящейся в отдельном файле.

    Встраивание (Embedding) - можно встроить таблицу стилей в HTML - документ с помощью контейнера

    Тэг

    Как было указано ранее, таблицы стилей хранятся в текстовых файлах, удобных для редактирования. Их нетрудно создавать вручную, однако существуют специальные редакторы таблиц стилей, например, популярная программа Мicrosoft FrontPage.

    Таблицы стилей позволяют определять стиль для одного или нескольких тэгов. Например, можно создать таблицу стилей, определяющую стили для тэгов

    ,

    ,

    И . Каждое определение называется правилом (rulе). Правило содержит селектор (тэг HTML), за которым следует декларация (определение стиля). Селектор является связующим звеном между определением и тэгом. Ниже приведен пример правила, указывающего стиль для каждого из тэгов заголовка

    :

    H1 (color: blue}

    Декларация заключается в фигурные скобки. Каждая декларация имеет две части: название свойства и присваиваемое ему значение, разделенные двоеточием. В HTML включены десятки свойств (font-size, font-style, color, margin-right и т. д.), о которых будет рассказано ниже. Каждое свойство может принимать несколько значений, одно из которых приписывается ему по умолчанию.

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

    HI {color: blue; font-size: 12pt; text-line: center}

    В этом примере программа просмотра выведет каждый заголовок первого уровня синим шрифтом размером 12 пунктов и выровняет их по центру окна. Для всех прочих свойств будут использоваться значения по умолчанию (например, свойству font-style будет присвоено значение normal).

    Если необходимо определить один и тот же стиль для нескольких тэгов, можно перечислить их в отдельном списке:

    Р (font-size: 12pt}
    UL {font-size: 12pt}
    LI {font-size: 12pt}

    HTML позволяет сделать то же самое и в более компактном виде - в одной строке:

    Р, UL, LI (font-size: 12pt}

    Запятая здесь является обязательным элементом. Если она опущена, смысл правила изменится (см. раздел " " ниже в этой главе).

    По мере усложнения таблицы стилей, скорее всего, понадобится включить в нее дополнительные сведения о назначении того или иного правила. Комментарии располагаются между символами /* и */ и игнорируются программами просмотра, например:

    BODY {margin-left: lin} /* Отступ на 1 дюйм */
    H1 {margin-left: -lin} /* Сдвиг влево на 1 дюйм */
    Н2 (margin-left: -lin} /* Сдвиг влево на 1 дюйм */

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

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

    Наследование

    Таблицы стилей HTML позволяют украшать фон элемента страницы цветом или изображением. Необходимо заметить, что здесь и далее речь пойдет об использовании свойств не для всей страницы, а для отдельного элемента. Например, если определяется фон для тэга

      , то это фон будет только у тэгов
        всей страницы:

        U L {background-image: URL(http://www.myserver.com/images/watermark.gif)}

        Рекомендации W3C дают возможность определять рамки, поля и свободное пространство для элементов страницы. Можно, например, заключить заголовок в рамку или изменить поля в тэге абзаца <Р> так, чтобы организовать отступ для всех абзацев текста. Для этих целей можно использовать следующие группы свойств:

        • border - используются для определения рамки, расположенной слева, справа, сверху и снизу от элемента. Можно устанавливать ширину, цвет и стиль рамки.

        • margin - используются для определения полей, расположенных слева, справа, сверху и снизу от элемента. Можно также устанавливать ширину полей.

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

        Эти свойства применяются для указания способов вывода списков. С их помощью можно изменить позицию маркера (свойство list-style-position), стиль или изображение маркера (свойства list-style-type и list-style-image).

        Свойства списков наследуются, т. е. если определено свойство в тэге

          , оно будет действительно для всех тэгов
        • контейнера UL .

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

          Многие из описанных выше свойств могут группироваться друг с другом. Так, вместо правила

          H1 (font-weight: bold; font-style: normal; font-size: 12pt; font-family: serif)

          можно записать более краткую формулировку:

          H1 (font: bold normal 12pt serif}

          Таблицы стилей HTML позволяют группировать свойства border, background, font, list, margin и padding. Рассмотрим каждую из групп в отдельности.

          Группа свойств border

          Группировать свойства border можно пятью различными способами. Можно определить свойства для отдельной стороны рамки, используя

          border-top, border-right, border-bottom И border-left, либо определить всю рамку сразу при помощи border.

          С каждым из этих свойств можно указать ширину, стиль и цвет рамки, например:

          b order-top: thin dotted black

          Группа свойств background

          В группе свойств background можно указать значения для color, image, repeat, attachment и position, например:

          background: white URL(http://www.myserver.com/image/bg.gif) repeat-x fixed top left

          Группа свойств font

          Группе font можно дать значения weight, style, size и family, например:

          font: bold normal 12pt times, serif

          Группа свойств list

          Свойства группируются при помощи свойства list-style. Возможно указание изображения для маркера, типа и позиции маркера, например:

          list-style: square URL(http://www.myserver.com/images/marker.gif) inside

          Группа свойств margin

          Группе margin можно определить ширину для каждого из полей top, right, bottom и left, например:

          margin: .5in 1in .5in 1in

          Если будет указано только одно значение, программа просмотра сделает ширину других полей такой же. Если не указать одно или два значения, поля с неуказанным значением будут такой же ширины, как противоположные поля. Например, если опустить последнее значение (left), ширина левых полей будет равна ширине правых полей, т. е. 1 дюйму.

          Группа свойств padding

          В Группе padding можно указать значения для top, right, bottom и left, например:

          padding: .25in .25in .25in .25in

          Если будет указано только одно значение, программа просмотра назначит отсутствующим значениям такую же величину. Если не указать одно или два значения, свободные пространства с неуказанными значениями будут такой же ширины, как и им противоположные. Например, если опустить последнее значение (left), свободное пространство между левой стороной рамки и содержимым элемента будет таким же, как и пространство с правой стороны.

          В HTML подчиненные тэги наследуют некоторые свойства родительских тэгов. Например, все тэги контейнера (< P > и

            ) будут обладать некоторыми свойствами тэга . Точно так же тэг
          • наследует свойства тэга
              . Рассмотрим следующий код:



              Hello. This is a paragraph of text. This is emphasized

              Таблица стилей этого документа устанавливает цвет в тэге

              < P > синим, однако, цвет для тэга явно не определен (по умолчанию - это черный цвет). Здесь не о чем беспокоиться, так как этот тэг находится в родительском контейнере

              И наследует таким образом синий цвет.

              Иногда возникает необходимость определения двух (и более) стилей для одного тэга. Например, может понадобиться указание двух стилей для тэга

            • : один для случая, когда он подчинен тэгу

                , и второй, когда он подчинен тэгу
                  . Это возможно сделать с помощью контекстных селекторов.

                  Контекстный селектор определяет точную последовательность тэгов, для которых будет применен тот или иной стиль. Другими словами, можно указать, что какой-то стиль должен применяться, например, в тэге

                • только в том случае, если этот тэг является подчиненным тэгу
                    :

                    OL LI (list-style-type: decimal}

                    Для того же тэга

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

                      UL LI {list-style-type: square}

                      Необходимо заметить, что список селекторов не разделен запятыми. В противном случае всем тэгам списка будет приписан один и тот же стиль.

                      В рекомендациях W3C таблицы стилей называются "каскадными таблицами стилей" потому, что для верстки Web - страницы можно применять не одну, а сразу несколько таблиц. При этом программа просмотра сама определяет последовательность использования таблиц и разрешает конфликты между ними по принципу каскадирования. Например, таблица стилей для страницы может быть определена не только ее автором, но и читателем, и тогда правила каскадирования решают, какая из таблиц стилей будет иметь силу.

                      Kак это работает? Каждому правилу браузер приписывает весовой коэффициент. При интерпретации каждого тэга программа просматривает все правила этого тэга и сортирует их по величине весового коэффициента. Выигрывает самое "весомое" правило.

                      Существуют следующие общие принципы разрешения конфликтов между таблицами стилей:

                        Старшинство типов таблиц стилей в документе (по убыванию): текущее задание стиля (inline), встраивание (embedding), связывание (linking).

                      Также можно изменить весовой коэффициент правила при помощи служебного слова important. В следующем примере значение red свойства

                      color и значение sans-serif свойства font-family помечены этим служебным словом, и поэтому программа просмотра не должна их переопределять. Однако если вступают в конфликт два таких правила, противоречие решается согласно принципам, изложенным выше.

                      H1 (color: red ! important font-weight: bold font-family: sans-serif ! important}

                      Классом называется определение нескольких стилей одного элемента, каждый из которых может использоваться в нужном месте страницы. Например, можно определить три вариации стиля заголовка H1 . Определение вариаций похоже на указание стиля, только к названию тэга добавляется произвольное имя класса, отделенное точкой:

                      H1 blue (color: blue} H1 .red (color: red} H1 .black (color: black}

                      Теперь, включая в документ тэг

                      , можно указать в нем конкретный стиль при помощи атрибута CLASS :

                      Red Heading

    Когда браузер читает таблицу стилей, он форматирует документ в соответствии с ней.

    Три Способа Вставить CSS

    Существует три способа вставки таблицы стилей:

    Внешняя Таблица Стилей

    Внешняя таблица стилей идеально подходит, когда стили должны применяться ко многим страницам. С помощью внешней таблицы стилей, вы можете изменить вид целого Веб сайта путем редактирования одного файла. Каждая страница должна ссылаться на таблицу стилей, используя тег . Тег находится в head-секции:

    Не оставляйте пробелов между значением свойства и его единицами измерения! "margin-left:20 px" (вместо "margin-left:20px") будет работаеть в IE (браузере Internet Explorer), но не в браузерах Firefox или Opera.

    Внутренняя Таблица Стилей

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