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