Що таке CSS

Звичайний HTML дозволяє задавати колір і розмір тексту за допомогою тегів форматування. Якщо знадобиться змінити параметри однотипних елементів на сайті, доведеться переглядати всі сторінки, щоб знайти і поміняти теги.

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

Стилі дозволяють однією дією застосувати відразу всю групу атрибутів форматування. З їх допомогою можна, наприклад, змінити вид всіх заголовків. Замість форматування заголовка в три прийоми, коли спочатку задається його розмір, потім шрифт "Arial" і, нарешті, вирівнювання по центру, те ж саме можна зробити одночасно, застосувавши стиль до тегу <H1>. Якщо потрібно швидко змінити зовнішній вигляд тексту, створеного за допомогою одного з стилів, досить змінити параметри стилю у всіх документах, де він використовується, і вид тексту зміниться автоматично.

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

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

• використання різних розширень HTML;
• застосування зображень замість тексту;
• використання малюнків для контролю порожнього простору, так звані розпірки;
• використання таблиць для верстки веб-сторінок;
• написання програмних скриптів замість використання HTML.

Ці техніки значно збільшують складність розробки веб-сторінок, пропонують обмежену гнучкість в їх створенні та управлінні, а також створюють труднощі для людей ними не володіють.

Стилі вирішують ці проблеми, в той же час замінюючи лише обмежену область механізмів подання HTML.