Ответ
CSS расшифровывается как Cascading Style Sheets (Каскадные Таблицы Стилей).
Название точно описывает суть технологии:
- Cascading (Каскадные): Отсылает к механизму каскада — системе приоритетов, которая определяет, какие стилевые правила будут окончательно применены к элементу, когда несколько правил конфликтуют. Это похоже на наложение слоёв.
- Style Sheets (Таблицы Стилей): CSS — это буквально таблицы (документы), содержащие наборы правил для стилизации. Каждое правило состоит из селектора и блока свойств.
Практический пример каскада:
<!-- HTML -->
<p class="note" id="special">Пример текста</p>/* styles.css (внешняя таблица) - специфичность: 001 */
p { color: gray; }
/* <style> в head (внутренняя таблица) - специфичность: 010 */
.note { color: blue; }
<!-- Inline-стиль (в атрибуте) - специфичность: 100 -->
<p style="color: green;">...</p>В результате цвет текста будет зелёным, потому что inline-стиль имеет наивысшую специфичность в данном контексте — это и есть работа каскада.