Подключение CSS

15/12/2012 CSS, верстка, html, веб-разработка

Существует три способа подключения таблицы стилей CSS:

Внешняя таблица стилей.
Внутренняя таблица стилей.
Встроенный стиль.

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

С помощью внешней таблицы стилей вы можете изменить внешний вид всего сайта, изменив только один файл.

Каждая веб-страница должна содержать ссылку на файл CSS. Указание размещается в блоке <head>.


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

Внутренняя таблица стилей CSS

Внутренняя таблица стилей может использоваться, если одна отдельная страница имеет уникальный стиль. Таблица стилей размещается в блоке <head>.


<head>
<style>
body {
background-color: #fff;
color: #212529;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
margin: 0;
text-align: left;
}
</style>
</head>

Встроенный CSS

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

<p style="border: 1px solid #ff0000; background: #efefef;">Абзац текста</p>

Другие замётки в тему

Автор — Михаил Апсолямов
Продвигаю бизнес в интернете: разработка стратегии, создание сайта, SEO, контент-маркетинг, SMM, обслуживание и техподдержка проектов. Опыт — 15 лет. Подробнее