← Все вопросы
Как подключить CSS к HTML? Какие вообще способы есть?
20
Совсем новичок. Написал стили, но не пойму, как их «прицепить» к html-странице. Какие есть способы и какой правильный?
3 ответа
34
✓ Принятый ответ — помог автору
Есть три способа:
1. Внешний файл (рекомендуется) — стили в отдельном .css, подключаются в <head>:
<head>
<link rel="stylesheet" href="style.css">
</head>
2. Внутренний (<style>) — стили прямо в html, внутри <head>:
<style>
body { background: #f5f5f5; }
</style>
3. Инлайн (атрибут style) — прямо на элементе:
<p style="color: red;">текст</p>
На практике почти всегда используют внешний файл через <link>: один файл стилей на весь сайт, кешируется, чисто. <style> — для быстрых проб, инлайн — крайний случай (мешает переиспользованию и перебивает остальные стили по специфичности).
Яна Борисова автор: разложил по полочкам, принято 👍 · 12 месяцев назад
Богдан Цветков у меня link не работал — оказалось путь к файлу был неверный · 12 месяцев назад
12
Самый частый — <link rel="stylesheet" href="style.css"> в <head>. Это и используй.
4
Через <link> в head.
Ваш ответ
Войдите, чтобы ответить на вопрос.
