@ import și link-ul care este diferența ?!
- aceasta este metoda fundamentală, aș spune bazică, de conectare a CSS la pagină. Acesta vă permite să conectați o pagină Web și stiluri CSS. Se adaugă un apel între documentul dvs. HTML, de exemplu:
@import - Importarea vă permite să importați o foaie de stil în alta. Funcționează oarecum diferit decât "link-ul", deoarece puteți importa foi de stil în foaia de stil conectată printr-un link. Dar nu este de dorit să includeți @import între documentul dvs. HTML, de exemplu:
În ceea ce privește standardele, nu există nicio diferență între o referire la foile de stil externe sau importul acestora. În orice caz, este corect și, în majoritatea cazurilor, va funcționa la fel de bine. Dar există mai multe motive care vă pot determina să folosiți una dintre ele.
De ce să folosiți @import?
Cel mai obișnuit motiv pentru utilizarea @import în schimb (sau împreună cu) este că browserele mai vechi nu recunosc @import, astfel încât să puteți ascunde stilurile de la acestea în acest fel. În special:
ascundeți foaia de stil din Netscape 4, IE 3 și 4 (dar nu 4.72):
ascundeți foaia de stil de la Netscape 4, IE 6 și de mai jos:
ascundeți foaia de stil de la Netscape 4, IE 4 și de mai jos, Konqueror 2:
O altă utilizare pentru metoda @import este utilizarea mai multor foi de stil pe pagină, dar numai apelarea unui tabel în. De exemplu, o corporație poate avea foi de stil globale pentru fiecare pagină de pe site, cu subsecțiuni care au stiluri suplimentare care se aplică numai la această subcheie. Legând link-urile de sub-stiluri și importând stilurile globale în partea superioară a foii de subtip, nu trebuie să salvați o foaie de stil gigant pentru întregul site în subtamblu pentru sub-tabel. Singura cerință importantă este că orice reguli @import trebuie să fie introduse înainte de restul foii de stil. De asemenea, este necesar să se asigure că nu există probleme cu moștenirea stilurilor.
Unul dintre motivele cele mai importante pentru utilizarea stilurilor legate de stilurile de stil este capacitatea de a utiliza stiluri alternative pentru clienții dvs. Browserele, cum ar fi Firefox, Safari și Opera, suportă atributul rel = "alternate style sheet" și când există o opțiune pentru a permite utilizatorilor să comute între foi de stil. Și pentru a comuta între foile de stil în IE trebuie să utilizați comutatorul j # 097; vascript. Această metodă este utilizată cel mai adesea pentru a conecta stiluri la pagini într-un format mărit. După cum știți, IE nu poate să mări în mod normal paginile, astfel încât să puteți sugera un CSS alternativ.
Unul dintre dezavantajele folosirii lui @import este că dacă aveți o regulă foarte simplă cu regula @import, este posibil ca paginile dvs. să nu fie afișate corect, mai ales în IE6 cu așa-numitul efect FOUC. O remediere simplă a acestei probleme este introducerea. cel puțin un element suplimentar sau.
Mulți oameni scriu că puteți utiliza tipul de media pentru a ascunde foaia de stil de la browserele mai vechi. Adesea, acest argument este favorabil atunci când se compară modalitățile de a conecta foile de stil, dar captura este că puteți utiliza de fapt tipul de suport media în ambele cazuri, iar browserele care nu acceptă tipul de suport media nu vor vedea foaia de stil. De exemplu, Netscape 4 nu recunoaște tipul de suport media, astfel încât să îl puteți utiliza ca legat printr-o foaie de stil pentru a ascunde stilul de la acest browser și de regulă @import:
Dar aici, în unele versiuni ale IE (6 și mai jos), tipul de suport nu este suportat atunci când se utilizează regula @import, astfel încât să puteți folosi pentru a ascunde foaia de stil de la acestea:
Deci, ce metodă ar trebui să utilizați?
Articole similare
Trimiteți-le prietenilor: