HTML CSS

С использованием HTML4.0 все коды форматирования могут быть вынесены из документа HTML и добавлены в отдельную таблицу стилей.

Пример

Стили в HTML
Этот пример демонстрирует, как использовать стили, добавленные в раздел <head>, для форматирования HTML.
Ссылка без подчеркивания
Этот пример демонстрирует, как использовать свойство стиля для создания ссылки без подчеркивания.
Связь с внешней таблицей стилей
Этот пример демонстрирует, как связать тег <link> с внешней таблицей стилей.

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

Когда браузер читает таблицу стилей, он использует её для форматирования документа. Есть три способа вставки таблицы стилей:

Внешние таблицы стилей

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

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

Внутренний стиль

Когда необходимо применить особый стиль к одному файлу, можно использовать внутренний стиль. Вы можете определить внутренний стиль в разделе head через тег <style>.

<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>

Инлайн-стили

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

<p style="color: red; margin-left: 20px">
Это абзац
</p>

Посетите наш Уроки CSSУзнайте больше о стилях.

Тег Описание
<style> Определяет определения стиля.
<link> Определяет ссылку на ресурс.
<div> Определяет раздел или область в документе (блочный элемент).
<span> Определяет малый блок или область в документе.
<font> Определяет шрифт текста, размер шрифта и цвет шрифта. Не рекомендуется. Используйте стили.
<basefont> Определяет базовый шрифт. Не рекомендуется. Используйте стили.
<center> Выравнивание текста по горизонтали. Не рекомендуется. Используйте стили.