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

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

Поэтому третий способ — самый распространённый: внешняя таблица стилей. Вы записываете правила в отдельный файл с расширением .css, а каждая страница подключает его элементом link, как вы делали в первом упражнении:

<link rel="stylesheet" href="style.css">

Тогда все страницы используют одну таблицу стилей. Когда вы меняете в ней правило, изменение сразу видно на всех страницах. Кроме того, содержимое остаётся в файле HTML, а стили — в файле CSS, и оба файла проще читать.

В файле CSS лежат только правила, без тегов <style>, которые относятся к HTML:

p {
	color: green;
}

Мы добавили в редактор пустой файл style.css. Давайте перенесём в него наше правило.