Зовнішня таблиця стилів

легко масштабувати, підтримувати та використовувати повторно на інших сторінках. Це стандарт додавання стилів. У проєкті створюється окремий файл стилів з розширенням .css, який додається в HTML-документ. Можна додати скільки завгодно CSS-файлів, додаючи до кожного тег <link>.

На одному рівні з index.html створюється папка css, а всередині неї файл стилів styles.css.

У тегу <head> створений раніше файл styles.css додається за допомогою тегу <link>.

В атрибуті href вказується відносний шлях до файлу стилів HTML-документа.

В атрибуті rel вказується тип документа, що додається — stylesheet (таблиця стилів).

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>CSS is amazing!</title>
<link rel="stylesheet" href="./css/styles.css" />
</head>
<body></body>
</html>