Що таке css

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

Швидше за все, ви вже знаєте, що файл стандартної html-сторінки має назву, скажімо, index.html
де:

Саме розширення файлу "говорить" браузеру ЩО це за файл і як він з ним повинен працювати.

Файл каскадного листа стилів, зазвичай, має назву style.css

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

Як правило, один файл листа стилів "обслуговує" весь сайт. Розташовується він в кореневому каталозі сайту (там, де і головна сторінка сайту). Для підключення листа стилів в коді html-сторінки повинен бути прописаний МЕТА-тег такого змісту:

Файл каскадного листа стилів і шлях до нього вказується в атрибуті href. Будьте уважні: стежте за правильним шляхом до листу стилів (на різних сторінках він може бути різним)! Можна використовувати абсолютний шлях:

Але, майте на увазі, що при такому записі файл не буде працювати без підключення до Інтернету (у локальному режимі).

Власне вся "краса" використання зовнішнього листа стилів полягає в тому, що вся інформація про форматування ВСЬОГО сайту знаходиться в одному файлі! Неважко здогадатися, що, помінявши пару-трійку рядків у файлі style.css. ВЕСЬ сайт миттєво перетворюється, реагуючи на зміни. Розумієте тепер, який це потужний і гнучкий інструмент "причісування" вашого сайту ?!