Încărcați foi de stil într-un document html

§ 3. Încărcarea foilor de stil într-un document HTML.

Astăzi, este greu să vă imaginați un site web fără a utiliza o tehnologie foarte puternică, cum ar fi foile de stil cascadă. În acest articol, vom vorbi cu dvs. despre cum să puneți stilurile într-o pagină Web.







Există trei moduri de a plasa un stil pe pagină:
  • Stiluri in-line
  • Styles încorporate (încorporate)
  • Forme de stil externe
Acum, să examinăm fiecare metodă separat. Prima modalitate este foile de stil introduse. Aplicăm această metodă pentru un anumit element de pagină, de exemplu pentru o linie orizontală (
). exemplu:

Aplicând acest stil, obținem o linie orizontală de 50 de pixeli, înălțime de 4 pixeli și, în consecință, cu culoarea # ff8c00. Acest mod de încorporare a unui stil este util dacă trebuie să schimbați stilul de scriere a textului, setul cu cască, culoarea numai într-un anumit loc pe pagină.

Următorul mod de substituire # 151; acesta este un stil încorporat. Această metodă adaugă mai mult o foaie de stil. Acesta este implementat prin adăugarea de etichete în antetul paginii html , între care scrieți stilurile necesare. exemplu:







Următoarea metodă de substituire este utilizarea unei foi de stil externe. Această metodă este cea mai bună pentru utilizarea foilor de stil în cascadă. Reprezintă acest lucru. Toate stilurile css colectate într-un singur fișier text și în fiecare html-pagină facem un link către acest fișier. Acum putem schimba foarte repede stilul dorit și aceste modificări vor fi reflectate automat pe toate paginile site-ului. Nu este convenabil?

Există două moduri de a accesa foile de stil externe (de altfel, fișierul cu foi de stil trebuie să aibă extensia .css) din pagina html.



Titlul paginii dvs.


...

Aici folosim o etichetă specială , care se referă la un fișier cu stiluri. Această metodă este bine susținută de diverse browsere și este cea mai frecvent utilizată. Atributele conținute în această etichetă indică următoarele: rel = "stylesheet" indică faptul că vom avea de-a face cu o foaie de stil, atributul href = "..." specifică locația fișierului css. Aici puteți specifica atât calea relativă, cât și calea absolută.

Aici este necesar să notați că funcția @import trebuie să fie înainte de orice reguli. Avantajul acestei metode este capacitatea de a adăuga mai multe foi de stil la pagină simultan.

Modurile de a încorpora foile de stil enumerate aici au argumente pro și contra. Depinde de dvs. să decideți cum să atașați stilul la pagină, ceea ce va fi mai acceptabil pentru dvs. și pentru o anumită situație. Mult noroc.

Aveți întrebări? Îți cer un forum. Aici veți răspunde rapid la întrebarea dvs.

Între timp, în forum







Pagina anterioară

Pagina următoare

Trimiteți-le prietenilor: