Способи підключення стилів CSS в HTML документ
Перший спосіб підключення стилів CSS називається "зв'язки" для даного способу використовуються зовнішні таблиці стилів. Відкриваємо notepade ++ і створюємо новий документ, зберігаємо цей документ як style.css. створюємо папку з назвою сss і в дану папку поміщається файл style.css, в папці сss нам потрібно розміщувати всі файли з розширенням сss. Наш файл style.css повинен бути в цій папці. Докладніші відомості про процес, тепер нам потрібно цей файл підключити до HTML документа.
Перший атрибут "href"
Цей атрибут буде вказувати браузеру де знаходяться файл style.css він знаходиться в папці CSS файл style.css
отже перед закриває тегом прописуємо тег "link"
Точки зору на другий який вказується після атрибута "href" це атрибут "type"
Точки зору на другий "type"
Повинні вказати тип підключається документа, після href = "css / style.css" прописуємо атрибут "type" далі дорівнює і в лапках вказуємо тип документа, text далі слеш і css
Наступний атрибут це атрибут "rel" означає "взаємозв'язок" далі у нас дорівнює, а в лапках значення "stylesheet".
Не має значення з атрибутів "type" або "rel" ви пропишіть першим після атрибута "href"
код вище здійснює зв'язок між каскадними таблицями стилів і html-сторінкою. коли браузер буде відкривати html-сторінку тоді завдяки даному коду він прив'яжіть цю сторінку з html-кодом .
До однієї html-сторінки можна підключати кілька кодів. Після того як ми підключили таблицю стилів, відкриваємо файл style.css за допомогою notepad ++ і заповнюємо файл дадаючи n-кількість стилів.
Наприклад:
Кожен стиль складається з двох елементів, це селектор, і пари властивість значення.
Наступний спосіб це підключення стилів прямо в html-коді через тег style. даний тег дозволяє прописувати стилі прямо в html-сторінку.
Щоб використовувати цей спосіб потрібно спочатку прописати теги