В HTML 4.0 форматирование документа может быть вынесено из кода html и сохранено в специальном файле CSS (Cascading Style Sheet — Каскадные таблицы стилей).
Примеры
Этот пример демонстрирует как форматировать документы с помощью добавления стилевой информации в раздел вашего html-файла.
Пример демонстрирует, как сделать ссылки без подчеркивания с помощью стилевых атрибутов.
Пример демонстрирует использование тега для ссылки на внешний файл стилей документа.
Как использовать стили?
Браузер использует css файл для форматирования документа. Существует три способа вставки стилевой информации в html-файл:
Внешний файл css
Идеально подходит для применения стиля ко многим страницам. Использование внешнего файла css позволяет менять оформление всего сайта, изменяя всего один файл. На каждой странице сайта надо вставить ссылку на внешний файл стиля, используя тег . Тег надо вставлять в раздел документа.
Внутренний стиль
Внутренний стиль применяется в том случае, если вам надо изменить оформление только на одной странице. Это делается с помощью тега , который надо поместить в раздел документа.
body {background-color: red}
p {margin-left: 20px}
Строчный стиль
Строчный стиль применяется для уникализации стиля конкретного элемента.
Для использования строчного стиля вы помещаете его в соответствующий тег. Атрибут тега style может содержать любое свойство CSS. Этот пример демонстрирует как изменить цвет и отступ слева параграфа:
Это параграф.
Чтобы узнать больше о CSS, посетите наш учебник CSS.
Стилевые теги