Стилі є зручним, практичним і ефективним інструментом при верстці веб-сторінок і оформлення тексту, посилань, зображень та інших елементів. Незважаючи на явні плюси застосування стилів, розглянемо всі переваги CSS, в тому числі і непомітні на перший погляд.
Розмежування коду і оформлення
Ідея про те, щоб код HTML був вільний від елементів оформлення на зразок установки кольору, розміру шрифту та інших параметрів, стара як світ. В ідеалі, веб-сторінка повинна містити тільки теги логічного форматування, а вигляд елементів задається через стилі. При подібному поділі робота над дизайном і версткою сайту може вестися паралельно.
Різне оформлення для різних пристроїв
За допомогою стилів можна визначити вигляд веб-сторінки для різних пристроїв виводу: монітора, принтера, смартфона, планшета і ін. Наприклад, на екрані монітора відображати сторінку в одному оформленні, а при її друку - в іншому. Ця можливість також дозволяє приховувати або показувати деякі елементи документа при відображенні на різних пристроях.
Розширені в порівнянні з HTML способи оформлення елементів
На відміну від HTML стилі мають набагато більше можливостей по оформленню елементів веб-сторінок. Простими засобами можна змінити колір фону елемента, додати рамку, встановити шрифт, визначити розміри, положення і багато іншого.
Прискорення завантаження сайту
При зберіганні стилів в окремому файлі, він кешується і при повторному зверненні до нього витягується з кешу браузера. За рахунок кешування і того, що стилі зберігаються в окремому файлі, зменшується код веб-сторінок і знижується час завантаження документів.
Кешем називається спеціальне місце на локальному комп'ютері користувача, куди браузер зберігає файли при першому зверненні до сайту. При наступному зверненні до сайту ці файли вже не викачуються по мережі, а беруться з локального диска. Такий підхід дозволяє істотно підвищити швидкість завантаження веб-сторінок.
Єдине стильове оформлення безлічі документів
Сайт це не просто набір пов'язаних між собою документів, а й однакове розташування основних блоків, і їх вигляд . Застосування однакового оформлення заголовків, основного тексту та інших елементів створює спадкоємність між сторінками і полегшує користувачам роботу з сайтом і його сприйняття в цілому. Розробникам ж використання стилів істотно спрощує проектування дизайну.
Централізоване зберігання
Стилі, як правило, зберігаються в одному або декількох спеціальних файлах, посилання на які вказується в усіх документах сайту. Завдяки цьому зручно правити стиль в одному місці, при цьому оформлення елементів автоматично змінюється на всіх сторінках, які пов'язані із зазначеним файлом. Замість того щоб модифікувати десятки HTML-файлів, досить відредагувати один файл зі стилем і оформлення потрібних документів відразу ж зміниться.