De ce foi de stil CSS în cascadă?
În prezent, crearea de pagini web este de neconceput fără utilizarea foilor de stil cascadă CSS (Cascading Style Sheets). Implementarea CSS este utilizat în toate browserele moderne (Microsoft Internet Explorer, Opera, Mozilla Firefox) și instrumente de dezvoltare de pagini web, cum ar fi Macromedia Dreamweaver, Microsoft FrontPage. Într-adevăr, apariția CSS a făcut o revoluție totală în World Wide Web, preluând reprezentarea logică și formatarea paginilor. De aceea foile de stil cascadă au câștigat o popularitate imensă în rândul designerilor și dezvoltatorilor.
Cauza răspândirii și CSS a servit ca factor care HTML este conceput ca un limbaj de marcare structurală, iar la început nu a fost responsabil pentru reprezentarea externă a elementelor paginii. Treptat, odată cu dezvoltarea Internetului, apariția multor site-uri, a existat o nevoie tot mai mare de noi etichete HTML care au devenit responsabile pentru prezentarea externă a paginilor web.
Dacă te uiți la codul HTML al paginii, care nu utilizează CSS, puteți găsi că suma de marcaj, uneori, nevoie de o mulțime de cod, mai degrabă decât materialele în sine site-ul web.
De exemplu, aruncați o privire la acest cod, care poate fi repetat în mai multe părți ale site-ului:
Despre site
Contactați-ne
descărcare
Nu este mai simplu să specificați elemente similare prin stilul CSS și să îl aplicați în etichetele HTML corespunzătoare. Creați o foaie de stil, pentru aceasta, tastați următorul cod și salvați-l în fișierul style1.css din dosarul rădăcină al site-ului.
razdel font-familie: Times New Roman;
font-size: 11;
font-color: "# 009999";
>
În HTML, numai următoarele vor rămâne.
În secțiunea HEAD menționăm:
În corpul paginii se prescrie:
Despre site
Contactați-ne
descărcare
Fără utilizarea foilor de stil în cascadă complet, site-ul are câteva probleme:
1) Suma excesivă de cod HTML mărește semnificativ dimensiunea paginii web și, prin urmare, descărcarea acesteia.
2) Lipsa marcării structurate face dificilă indexarea conținutului paginilor web de către motoarele de căutare.
3) În prezent, browserele moderne înțeleg mai bine CSS, mai degrabă decât tag-uri de reprezentare HTML externă. Dacă renunțați la linii, nu setați înălțimea sau lățimea rândului de masă, setați-l prin CSS și în caz de 50% vă va ajuta!
4) Gestionarea vizualizării externe a paginii numai prin intermediul HTML degradează întreținerea site-ului, făcând modificări în codul paginii. Este suficient să te uiți la exemplul de mai sus. Modificăm doar un stil, atunci reprezentarea tuturor celor trei elemente se va schimba, mai degrabă decât să se facă modificări fiecărui element. Și dacă există astfel de elemente, așa cum se întâmplă deseori în jurul valorii de 50, atunci fără CSS nu este necesar.
În plus față de rezolvarea acestor probleme, folosind foi de stil în cascadă, obținem și avantaje importante.
1) O selecție largă de stiluri
În prezent, CSS oferă oportunități mult mai mari de reprezentare externă a documentelor decât HTML. Putem specifica diferite cadre, indenturi, împărțiri, setarea culorii textului, fundalul elementelor.
3) Abilitatea de a aplica stiluri pe mai multe pagini.
Pentru a aplica o foaie de stil la anumite pagini de pe site-ul dvs., salvați foaie de stil suficient într-un fișier separat, iar site-ul în secțiunea head a se conecta la dosarul individual.
4) Cascadă.
CSS oferă capacitatea de a rezolva conflictele de reguli, denumite cascadă.
Să presupunem că am creat o foaie de stil cascadă pentru fiecare pagină a site-ului ca fișier separat. Cu toate acestea, mai târziu au dorit ca unele pagini ale site-ului să aibă anumite reguli speciale aplicate acestor pagini. Pentru a face acest lucru, vom crea un tabel suplimentar care este importat în aceste pagini. Ca rezultat al cascadării, redefinim regulile de bază pentru paginile speciale pentru paginile de care avem nevoie.