Site-ul lui Ivana Creednichenko, de ce foile de stil sunt în cascadă

Cea mai ușoară modalitate de a specifica un stil pentru un element HTML este de a specifica parametrul ID. și apoi descrieți în fișierul stil proiectul pentru acest element. Această opțiune funcționează, oferă anumite avantaje. De exemplu, toate elementele care duc la pagina principală a site-ului vor avea același design - acest lucru este bun. Dar când utilizați o formatare complexă a paginii HTML, aproape fiecare etichetă HTML va trebui să stabilească valoarea ID. Aceasta, la rândul său, va mări dimensiunea paginii Web (consultați articolul Dimensiunea optimă a paginilor Web), reducând în mod semnificativ lizibilitatea codului. Și când, după un timp, încercați să actualizați pagina sau să o modificați, veți întâlni problema utilizării excesive a parametrilor ID din etichete.

O situație similară apare atunci când se utilizează parametrul CLASS. Astfel, se pare că parametrii ID-ul și clasă pentru a crea un design unic al tuturor elementelor HTML-pagini în cele din urmă duce la o deteriorare în înțelegerea paginii. Dumneavoastră, ca Webmaster, va trebui să fiți în permanență distras de conținutul paginii pentru a adăuga acești parametri și descrierile lor într-un fișier CSS.

Deci merită folosită proprietatea cascadă a acestor mese? Da, doar pentru că elimini numeroșii parametri ID și CLASS. Acest lucru va face ca paginile dvs. web să devină mai simple, elegante și mai ales de dimensiuni mai mici. Și cel mai important, este că vor rămâne aceleași în design.

Cel mai evident exemplu în care puteți utiliza proprietatea cascadării este codul sursă. Să presupunem că avem un cod sursă în unele limbi de programare (pentru a nu merge departe de dezvoltarea site-urilor, luați codul HTML). Acest cod pe care trebuie să-l afișăm pe pagină, pentru acest lucru cuprindem acest cod cu etichete

. Acum, tot codul va fi afișat în browser în font monospațiat (implicit pentru multe browsere este fontul Courier New). Considerând că folosim o etichetă 
. atunci nu este nevoie să formatăm suplimentar codul sursă, plasat pe pagină, adăugând o etichetă 
.

Pentru a înțelege eficacitatea utilizării proprietății în cascadă, să oferim un exemplu fără a utiliza această proprietate (doar pentru comparație).

Uită-te câte etichete . care utilizează parametrul ID. Mulți! Sunt de acord ca acest cod va fi foarte dificil pentru tine de a edita si schimba in viitor. Prin urmare, acum vom obține același cod, dar care utilizează proprietatea cascadă a tabelelor de stil.

Codul a devenit mai compact, mai mic și, cel mai important, este mai ușor de editat. Un alt lucru pozitiv atunci când se utilizează proprietatea tabelelor cascadelor de stil este că folosind o cascadă (de exemplu, CODE B), setăm eticheta Anumiți parametri care îi vor fi aplicați numai dacă eticheta se află în interiorul etichetei .

Acum dăm un exemplu mai simplu:

Dar acest exemplu, în calitate de vizitator al paginii dvs., îl vede:

Pagină rapidă pentru pagini rapide Pagina de pagină rapidă Pagina rapidă rapidă

Veți vedea toată simplitatea și eleganța fișierului de stil, codul paginii. Dar nimeni nu interzice folosirea cascadelor structurale, creând foi de stil în mai multe etape; fiecare nivel următor va suprapune parametrii nivelului anterior.