Як підключити css?

Дивіться відео

Як підключити CSS?

Сьогодні складно уявити сучасний сайт без CSS. HTML - це скелет сайту, тоді як каскадні таблиці стилів - його обличчя, яке робить сайт привабливим і відмінним від інших (читайте статтю Що таке CSS). Але як підключити CSS до сайту?

Способи підключення

Є три способи підключення CSS: перший являє собою додавання CSS-коду в шапку сайту (глобальні стилі), другий - прописування стилів для кожного елемента (внутрішні), а третій - винесення коду в окремий файл і відсилання до нього (пов'язані).

Глобальні стилі такого виду: «», а внутрішні такого: «

Блок

Другий спосіб збільшує час завантаження документа, перший можна застосовувати на деяких сторінках, де потрібно, наприклад, скорегувати код пов'язаних стилів. І, власне, самі пов'язані стилі - основа CSS будь-якого сайту.

Пов'язані стилі

Для того, щоб підключити файл з пов'язаними стилями до сайту, потрібно додати код «», Де значення параметра href - шлях до файлу CSS. Його можна вказати як відносним (/css/main.css), так і абсолютним (http://elhowcss.ru/css/main.css).

Код слід розміщувати в шапці сайту, тобто всередині парного тега . Такий спосіб є самим універсальним і раціональним, оскільки в HTML тільки посилаються на файл з CSS, і дві мови знаходяться порізно.

Імпорт стилів

У свою чергу до стилів можна підключити інші стилі. У глобальних стилях потрібно додати код: «import url (" / css / fullpage.css ") -», а в пов'язаних - «import" /style/fullpage.css "screen-». Тут так само можна використовувати як відносний, так і абсолютний шлях.