CSS este o foaie de stil în cascadă care este utilizată pentru a crea elemente vizuale pe o pagină de resurse Internet. Redarea obiectelor specificate în CSS este implementată în limbajul de marcare HTML. Mesele în cascadă nu pot fi folosite singure.
Folosind CSS
CSS este un limbaj de stil care implementează redarea elementelor de marcare HTML. Tabelele în cascadă vă permit să personalizați opțiunile care nu pot fi modificate în HTML. De exemplu, folosind limba stilului, puteți edita stilul fontului, culoarea. CSS vă permite să setați margini, linii, umplutură, lățime, elemente de poziție și să efectuați ieșirea acelor parametri care sunt imposibil de implementat utilizând HTML „pur”.
Foile de stil în cascadă sunt acceptate de aproape toate browserele și sunt utilizate pe aproape orice resursă web. Acestea controlează afișarea conținutului utilizând o limbă specificată și vă permit să controlați afișarea articolelor pentru diferite medii.
Dacă HTML este utilizat doar ca mijloc de structurare a textului unei pagini, CSS vă permite să personalizați afișarea conținutului afișat.
Sintaxa CSS și includerea acesteia în cod HTML
Atunci când proiectați o pagină, este de preferat să utilizați instrumentele CSS peste HTML. Faptul este că HTML inițial nu avea mijloace pentru editarea culorii elementelor și nu a fost destinat să stabilească parametrii de culoare și de afișare și, prin urmare, utilizarea descriptorilor HTML pentru crearea unui design poate fi considerată incorectă de unii dezvoltatori web.
CSS are o sintaxă diferită de HTML și este inclus în codul paginii prin etichete. De asemenea, puteți integra codul CSS care se află într-un fișier separat folosind eticheta de parametri:
Codul CSS are o anumită sintaxă, care ar trebui respectată cu strictețe, altfel stilurile generate nu vor fi afișate pe pagină. O secțiune a codului CSS poate fi împărțită în 3 elemente principale: selector, proprietate și valoare. Aceste articole sunt scrise după cum urmează:
selector {proprietate: valoare; }
Selectorul specifică mânerul căruia i se aplică regula de afișare generată. Parametrul de proprietate definește aspectul editabil al elementului, iar valoarea definește opțiunea corespunzătoare pentru proprietate. De exemplu, pentru a schimba culoarea din titlul celui de-al doilea nivel
HTML, puteți aplica următorul cod:
h2 {culoare: roșu; }
Acest cod setează culoarea textului la roșu, care se află în descriptorul de titlu de nivelul doi.
CSS utilizează tabelul de culori HTML standard.
Pe lângă utilizarea etichetelor, puteți utiliza și etichete interne. De exemplu:
Titlu
Acest cod este identic cu cel descris mai sus, cu diferența că parametrii CSS înșiși au fost setați în interiorul descriptorului necesar editării.