Есть несколько способов применить правила CSS к HTML-документу. Рассмотрим один из них - внешнюю таблицу стилей.
Внешняя таблица стилей это просто текстовый файл с расширением .css. Вы можете поместить таблицу стилей на ваш web-сервер или на жёсткий диск, как и другие файлы.
Например, скажем, ваша таблица стилей называется style.css и находится в той же папке, что и html файл документа.
В этом случае, вам необходимо в HTML-документе добавить одну строчку HTML-кода:
<link rel="stylesheet" type="text/css" href="style.css" />
Эту строку кода нужно вставлять в разделе header HTML, то есть между тэгами <head> и </head>. Например, так:
<html>
<head>
<title>Моя страничка</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
... Эта ссылка указывает браузеру, что он должен использовать правила отображения HTML-файла из CSS-файла. Очень удобным свойством такого подхода является то, что несколько HTML-документов могут ссылаться на одну таблицу стилей. Иначе говоря, один CSS-файл можно использовать для управления отображением множества HTML-документов.
Если вы, например, хотите изменить цвет фона на всех страницах своего web-сайта, то эти изменения можно сделать за несколько секунд, просто изменив один код в центральной таблице стилей.
Давайте посмотрим, как это сделать.
