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

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

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

Внешняя таблица стилей 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>
Апсолямов Михаил
Автор — Михаил Апсолямов
Создаю и продвигаю сайты с 2010 года. Провожу аудиты, настраиваю контекстную рекламу. Подробнее об услугах.
наверх