Як правильно підключати файл стилів до HTML документа?
Відповіді на питання (1)
Для підключення файлу стилів до HTML документа використовують елемент <link> з атрибутом rel="stylesheet". Ось кілька кроків, як правильно підключити файл стилів:
-
Створіть файл стилів з розширенням
.cssі збережіть його у відповідній папці на вашому веб-сервері. -
У вашому HTML документі, всередині елемента
<head>, вставте наступний код:
<link rel="stylesheet" href="шлях_до_файлу.css">
Замість "шлях_до_файлу.css" вкажіть шлях до вашого файлу стилів відносно поточної сторінки HTML. Наприклад, якщо ваш файл стилів знаходиться в тій самій папці, що й HTML файл, ви можете просто вказати його назву: href="styles.css". Якщо він знаходиться в підпапці, то вказуйте шлях відповідно.
- Збережіть та перезавантажте HTML сторінку у браузері.
Цей код вказує браузеру підключити зовнішній файл стилів до вашого HTML документа. Після цього стилі, описані у файлі, будуть застосовані до всіх відповідних елементів на сторінці.