Продовжимо вивчення уроків css. Як же нам прикріпити таблицю стилів до html-сторінці?
Для початку давайте створимо нашу першу таблицю стилів. У цьому нам допоможе простий Блокнот. Відкриваємо Блокнот і зберігаємо файл як таблицю стилів. Зберігаємо файл в ту ж папку, де лежить наша html-сторінка і даємо йому ім'я, наприклад, style.css. Все, таблиця стилів створена, правда в ній поки немає жодного запису.
Тепер нам необхідно підключити таблицю стилів до нашої html-сторінці. Згадуємо з уроків по html, що у нас створена html-сторінка ім'я якої index.html. І як же підчепити нашу таблицю стилів style.css до даної html-сторінці?
Відкриваємо файл index.html в Блокноті. всередині контейнера
(Між тегами і в голові документа) за допомогою одинарного тега . До тегу застосовуємо три атрибути. атрибут href - вказує шлях, де лежить таблиця стилів (в нашому випадку "style.css" так як таблиця знаходиться в тій же папці), атрибут type - тип підключається таблиці стилів (тип завжди один і той же - "text / css") . атрибут rel - вказує на те, як взаємопов'язані між собою html-сторінка index.html і таблиця стилів style.css (зв'язок така: style.css є таблицею стилів для сторінки index.html тому в значенні пишемо "stylesheet".