CSS: підключення до веб-документу

Зовнішні файли CSS

CSS підключення може здійснюватися за допомогою зовнішніх файлів. У цьому випадку крім основного HTML-документа створюється окремо документ зі стилями і розташовується в тому ж каталозі, що і сам HTML-документ. Їх кількість може бути будь-яким. Алгоритм підключення зовнішніх CSS файлів складається всього з двох кроків:

  • В текстовому редакторі створити документ зі стилями, вказати розширення для нього .css. При цьому теги <style></style> не зазначаються.
  • У HTML-документі у заголовній частині документа (між тегами <head></head>) потрібно послатися на цей файл за допомогою наступної конструкції: <link href=”style.css” rel=”stylesheet”>
  • Замість style.css необхідно вказати свою адресу файлу. При цьому адресація може бути як абсолютної, так і відносної. Переваги очевидні:

    • зовнішні файли можна застосувати до будь-якої кількості веб-сторінок в межах сайту;
    • якщо задати абсолютну адресацію, то до декількох сайтів. Очевидно, що при цьому розмітка пишеться один раз і немає необхідності прописувати стиль для кожної сторінки;
    • при використанні програмістом цього способу кінцевий користувач не зможе переглянути код CSS. Таким чином можна захистити свою творчість від плагіату.

    Крім усього іншого, при роботі з кодом розмітки верстальник допускає помилки. Їх легше виявити і виправити в окремому файлі невеликого розміру, ніж зазвичай громіздкому коді HTML.