Най-лесният начин да се определи стила на HTML-елемент е да се уточни параметър ID. и след това да се опише в стил файл дизайн за тази позиция. Тази опция работи, осигурява определени предимства. Например, всички елементи, които водят до главната страница на сайта ще имат един и същ дизайн - нещо добро. Но когато използвате сложни HTML форматирани страници, почти всеки HTML тагове ще трябва да определят стойността на ID. Това от своя страна ще увеличи размера на уеб-страницата (виж статия оптимален размер на уеб-страници), значително намаляване на разбираемостта на кода. И когато след дълъг път, когато се опитате да обновите страницата, или да го промените, ако се сблъскате с проблема с прекомерната употреба на параметрите в идентификацията на маркер.

Подобна ситуация възниква, когато използвате този клас. Така се оказва, че идентификационният номер на параметри и класа, за да създадете уникален дизайн на всички елементи на HTML-страници в крайна сметка води до влошаване на разбирането на страницата. Харесва ли ви уеб-майстор, винаги ще трябва да се отклоняваме от съдържанието на страницата, за да добавите тези параметри и техните описания в CSS-файл.

Поради това е необходимо да се използва каскада таблици с данни имот? Но само защото сте се отървете от множество параметри ID и класа. Това ще доведе, че вашите уеб-страници ще бъдат по-прости, елегантни и преди всичко по-малък. И най-важното, е фактът, че те остават едни и същи за регистрация.

Най-очевидният пример, където е възможно да се използва функция каскада, е изходния код. Да предположим, че имаме изходния код по някакъв език за програмиране (да не отклонявам много далеч от темата на обекти за развитие, вземете HTML-кода). Този код трябва да доведе до страницата за този кадър дадените код тагове

. Сега целият код, ще бъдат показани в Непропорционални шрифта на браузъра (настройката по подразбиране за много браузъри - Куриерски на шрифта New). Предвид факта, че ние използваме маркер 
. тогава ние нямаме нужда от допълнително форматиране на сорс кода, който се поставя на страницата, чрез добавяне на маркера 
.

За да се разбере ефективността на използването на свойствата на каскадата, ние даваме пример, без използването на свойствата (само за сравнение).
Вижте колко много маркери . който се използва параметър ID. Много! Вие се съгласявате, че този код, ще бъде много трудно да редактирате и да се промени в бъдеще. Така че сега ние даваме един и същи код, но която използва Cascading Style Sheets собственост.

Код става по-компактен, по-малки, и най-важното е, че е по-лесно да редактирате. Друго предимство на използването на каскаден стил лист свойства е, че при използване на каскада (например код В) се определя маркера  определени параметри, които ще бъдат приложени, за да го само ако етикетът съхраняват в тага .

Сега дам един прост пример:
Но този пример, както се вижда от посетителите на страницата си:
Бързо PageQuick PageQuick PageQuick PageQuick Page
Виждате ли простотата и елегантността на файла за стил, кода на страницата. Но никой не забранява да се използват структурните каскадни листове многостъпални създаване стил; всяко ниво, което ще покрие параметрите предишното ниво.