Wednesday, 08 August 2012 19:38

Как добавить CSS в HTML документ

Существует несколько способов, чтобы добавить каскадные стили (CSS) в ваш HTML документ. В этой короткой статье я объясню, основной метод.

Это самый распространенный способ крепления CSS, выглядит следующим образом:

 <link rel="stylesheet" type="text/css" href="стили.css" /> 
 

Вставляется вверху между тегами head.

Не забудьте указать правильный путь к CSS-файлу в href . Если файл CSS в той же папке, что и HTML-файл, то путь не требуется (как в примере выше), но если он сохранен в папке, укажите это так href="/папка/стили.css" .

Есть много преимуществ отдельного файла CSS. Если вам нужно сделать изменения стиля для всего вашего сайта, то вам нужно только внести изменения в один файл CSS. Если вы хотите, полностью изменить внешний вид вашего сайта, опять же, вам нужно только обновить этот файл. Пожалуй, лучшая причина, чтобы иметь отдельный файл CSS это так же для скорости. Когда человек впервые посещает ваш сайт браузер загружает HTML текущей страницы плюс связанного файла CSS. Потом, когда переходит на другую страницу в браузере CSS файл кэшируется, поэтому не должен быть загружен снова. Это может существенно увеличить скорость просмотра на сайте.

Прочитано 4693 раз