Основи CSS
Звичайний HTML дозволяє задавати колір і розмір тексту за допомогою тегів форматування. Якщо потрібно змінити параметри однотипних елементів на сайті, доведеться переглядати всі сторінки, щоб знайти та змінити теги.
Каскадні таблиці стилів (Cascading Style Sheets, CSS) дозволяють зберігати колір, розміри тексту та інші параметри у стилях. Стиль - це набір правил форматування, який застосовується до елементу документа для швидкої зміни його зовнішнього вигляду.
Стилі дозволяють за одним дією застосувати одразу всю групу атрибутів форматування. З їх допомогою можна, наприклад, змінити вигляд всіх заголовків. Замість форматування заголовка в три етапи, коли спочатку задається його розмір, потім шрифт Arial і, нарешті, вирівнювання по центру, те саме можна зробити одночасно, застосувавши стиль до тегу <H1>. Якщо потрібно швидко змінити вигляд тексту, створеного за допомогою одного зі стилів, досить змінити параметри стилю у всіх документах, де він використовується, і вигляд тексту зміниться автоматично.
Іншою перевагою CSS є те, що стилі пропонують набагато більше можливостей для форматування, ніж простий HTML. Крім того, стилі можуть зберігатися у зовнішньому файлі, веб-переглядач кешує такі документи, тому завантаження сайту буде трохи швидше.
CSS є потужною системою для розробників сайтів, розширюючи їх можливості з дизайну та верстки веб-сторінок. У науковому середовищі, звідки походить технологія WWW, люди були більше зайняті вмістом документів, ніж їх оформленням, однак для більшості людей представлення сайту, його зовнішній вигляд, грає більш важливу роль. Обмеження HTML породили багато технік створення веб-сторінок, таких як:
- використання різних розширень HTML;
- застосування зображень замість тексту;
- використання малюнків для контролю порожнього простору, так звані розпорки;
- використання таблиць для верстки веб-сторінок;
- написання програмних скриптів замість використання HTML.
Ці техніки значно ускладнюють розробку веб-сторінок, пропонують обмежену гнучкість у їх створенні та керуванні, а також створюють труднощі для людей, які ними не володіють.
Стилі вирішують ці проблеми, замінюючи лише обмежену область механізмів відображення HTML.