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

легко масштабувати, підтримувати та використовувати повторно на інших сторінках. Це стандарт додавання стилів. У проєкті створюється окремий файл стилів з розширенням .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>