ю мов розмітки HTML і XHTML, але може також застосовуватися до будь-яких XML-документами, наприклад, до SVG або XUL.
CSS використовується творцями веб-сторінок для завдання кольорів, шрифтів, розташування окремих блоків та інших аспектів представлення зовнішнього вигляду цих веб-сторінок. Основною метою розробки CSS було розділення опису логічної структури веб-сторінки (яке проводиться за допомогою HTML або інших мов розмітки) від опису зовнішнього вигляду цієї веб-сторінки (яке тепер проводиться за допомогою формальної мови CSS). Такий поділ може збільшити доступність документа, надати велику гнучкість і можливість управління його поданням, а також зменшити складність і повторюваність в структурному вмісті. Крім того, CSS дозволяє представляти один і той же документ в різних стилях або методах виведення, таких як екранне уявлення, друковане уявлення, читання голосом (спеціальним голосовим браузером або програмою читання з екрану), або при виведенні пристроями, що використовують шрифт Брайля.
Успадкування. Каскадування. Пріоритети стилів CSS.
Застосування CSS до документів HTML засноване на принципах спадкоємства і каскадирования. Принцип успадкування полягає в тому, що властивості CSS, оголошені для елементів-предків, успадковуються елементами нащадками. Але, природно, не всі властивості CSS успадковуються - наприклад, якщо для тега параграфа p засобами CSS задана рамка, то вона не буде успадковуватися жодним тегом, що містяться в даному тезі p, а от якщо для параграфа p засобами CSS заданий колір шрифту (наприклад , color: green ;), то це властивість буде успадковано кожним елементом-тегом, що знаходяться в параграфі.
Принцип каскадирования застосовується у разі, коли якомусь елементу HTML одночасно поставлено у відповідність більше одного правила CSS, тобто, коли відбувається конфлікт значень цих правил. Щоб дозволити такі конфлікти вводяться правила пріоритету.
. Найбільш низьким пріоритетом володіє стиль браузера;
. Наступним за значимістю є стиль, заданий користувачем браузера в його налаштуваннях;
. І найбільш високим пріоритетом володіє стиль, заданий безпосередньо автором сторінки. І далі, вже в цьому авторському стилі пріоритети розставляються наступним чином:
. Найнижчим пріоритетом мають стилі, успадковані в документі елементом від своїх предків;
. Більш високим пріоритетом мають стилі, задані в зовнішніх таблицях стилів, підключених до документа;
. Ще вищим пріоритетом мають стилі, задані безпосередньо селекторами всіх десяти видів, що містяться в контейнерах style даного документа. Нерідкі випадки, коли до якого-небудь елементу мають відношення, задають його вид, кілька таких селекторів. Такі конфлікти між ними вирішуються за допомогою розрахунку специфічності кожного такого селектора і застосування цих селекторів до даного елементу в порядку убування їх специфичностей. При розрахунку специфічності селектора береться до уваги: ??
. кількість ідентифікаторів (# id) у селекторі - ((1,0,0) за кожний оголошений ідентифікатор в селекторі правила CSS);
. кількість класів (. class) і псевдокласів (: pseudoclass) в селекторі - ((0,1,0) за кожний оголошений клас і псевдоклас в селекторі правила CSS);
