HTML HTML5 XHTML ПРИМЕРЫ СПРАВОЧНИК РЕКЛАМА ГОСТЕВАЯ

HTML Урок 24 Таблицы Стилей CSS


« Назад Далее »

В HTML 4.0, все форматирование может быть удалено из HTML документа, и сохранено в таблице стилей.


Примеры

Примеры данной главы

Использование стилей в HTML
Как добавить информацию о стилях в <head>-секцию документа.

Ссылка, которая не подчеркивается
Как сделать ссылку, которая не подчеркивается, с помощью атрибута style.

Ссылка на внешний файл таблицы стилей
Как использовать тег <link> для ссылки на внешний файл таблицы стилей.


Как Использовать Стили

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

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

  • Внешняя таблица стилей
  • Внутренняя таблица стилей
  • Встроенные стили

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

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

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>


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

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

<head>
<style type="text/css">
body {background-color:yellow;}
p {color:blue;}
</style>
</head>


Встроенные Стили

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

Для того чтобы использовать встроенные стили, вставьте атрибут style в соответствующем теге. Атрибут style может содержать любое CSS свойство. Пример ниже показывает как изменить цвет текста и левый отступ параграфа:

<p style="color:blue;margin-left:20px;">Это параграф.</p>

Чтобы узнать больше о таблицах стилей, посетите наши Уроки CSS.


HTML Теги Стилей

ТегОписание
<style>Определяет информацию о стилях для документа
<link />Определяет связь между документом и внешним ресурсом



« Назад Далее »
© 2011-2017 Уроки HTML
Рейтинг@Mail.ru