Kini iyatọ Ti o wa laarin @import ati asopọ fun CSS?

Ti o ba ti wo oju-iwe ayelujara ti o si wo koodu ti awọn oju-iwe ayelujara ti o yatọ, ohun kan ti o le woye ni pe awọn oriṣiriṣi ojula pẹlu awọn faili CSS ti ita wọn ni awọn ọna oriṣiriṣi - boya nipa lilo ọna itọsọna tita tabi nipa sisopọ si Faili CSS. Kini iyatọ laarin ẹmu @import ati asopọ fun CSS ati bi o ṣe le yan eyi ti o dara julọ fun ọ? Jẹ ki a ya wo!

Iyatọ Laarin & # 64; wọle ati & lt; asopọ & gt;

Ṣaaju ki o to pinnu iru ọna lati lo lati fi awọn awoṣe ara rẹ, o yẹ ki o ye ohun ti awọn ọna mejeeji ni a pinnu lati lo fun.

<ọna asopọ> - Iṣọpọ jẹ ọna akọkọ fun pẹlu fọọmu ara ita lori oju-iwe ayelujara rẹ. O ti pinnu lati sopọ mọ oju-iwe ayelujara rẹ pẹlu fọọmu ara rẹ. O ti fi kun si ti iwe HTML rẹ bi eyi:

<ọna asopọ href = "styles.css" rel = "stylesheet">

@import - Akowọle ngbanilaaye lati gbewe ọkan dì sinu ara miiran. Eyi jẹ oriṣiriṣi oriṣi ju akọsilẹ asopọ, nitori o le gbe awọn apo-ara inu inu iwe-ara ti o ni asopọ. Ti o ba ni apamọ ikọlu kan ni ori iwe HTML rẹ, o kọwe bi eyi:

@ gbe url ("styles.css");

Lati awọn oju-ọna iṣowo, ko si iyato laarin sisopọ si ẹgbẹ ti ita itagbangba tabi buwolu wọle. Ọna boya jẹ otitọ ati boya ọna yoo ṣiṣẹ dada daradara (ni ọpọlọpọ igba). Sibẹsibẹ, awọn idi diẹ diẹ ni o le fẹ lati lo ọkan lori ekeji.

Idi ti Lo & # 64; wọle?

Ọpọlọpọ ọdun sẹyin, idi ti o wọpọ julọ ti a fun ni lilo idimu dipo (tabi pẹlu pẹlu) jẹ nitori awọn aṣàwákiri agbalagba ko mọ ẹbùn, nitori naa o le tọju awọn awọ lati wọn. Nipa fifiranṣẹ awọn awoṣe ara rẹ, iwọ yoo ṣe pataki lati jẹ ki wọn wa si awọn ti n ṣalaye tootọ julọ, awọn aṣawari ti o ni ibamu deede ni "fifipamọ" wọn lati awọn ẹya ẹrọ lilọ kiri agbalagba.

Lilo miiran fun ọna itọju ọna yii ni lati lo awọn oriṣiriṣi ara ọtọ lori oju-iwe, lakoko ti o kan pẹlu asopọ kan ninu iwe rẹ ni . Fún àpẹrẹ, ilé-iṣẹ kan le ní àpótí onídàájọ gbogbo fún ojúlé kọọkan lórí ojúlé náà, pẹlú àwọn ẹka-ìsọrí-ìsọrí tí wọn ní àwọn àfikún míràn tí ó lò sí apá yẹn nìkan. Nipa sisopọ si apakan ti awọn apakan apakan ati gbigbe awọn azaba agbaye ni oke ti aṣọ ti ara rẹ, o ko ni lati ṣetọju iwe-ara giga kan pẹlu gbogbo awọn aza fun aaye ati gbogbo ipin-apakan. Ohun kan ti a beere nikan ni pe eyikeyi ofin awọn ofin imupese nilo lati wa ṣaaju ki awọn ilana ofin ara rẹ. Bakannaa, jẹ daju lati ranti pe ogún le jẹ iṣoro.

Idi Lo lo & lt; asopọ & gt ;?

Iwọn idi nọmba kan fun lilo awọn awoṣe ti a ti sopọ mọ ni lati pese awọn awoṣe ti o yatọ si awọn onibara rẹ. Awọn aṣàwákiri bi Akata bi Ina, Safari, ati Opera ṣe atilẹyin atilẹyin rel = "iyatọ stylesheet" ati nigbati o wa ọkan wa yoo gba awọn oluwo laaye lati yipada laarin wọn. O tun le lo oluyipada JavaScript kan lati yi laarin awọn ipele ara ni IE. Eyi ni a nlo nigbagbogbo pẹlu Awọn ipilẹ Awọn Zoomu fun awọn ifunni wiwo.

Ọkan ninu awọn aṣeyọri lati lo @import ni wipe ti o ba ni irorun pẹlu opo ofin ti o wa ninu rẹ, awọn oju-iwe rẹ le ṣe afihan "filasi ti akoonu ti ko ni idari" (FOUC) bi wọn ṣe n ṣajọpọ. Eyi le jẹ idẹru si awọn oluwo rẹ. Atunṣe ti o rọrun fun eyi ni lati rii daju pe o ni o kere kan afikun tabi ano ninu rẹ .

Kini Nipa Iru Media?

Ọpọlọpọ awọn onkọwe ṣe alaye ti o le lo irufẹ media lati tọju awọn awo-ara lati awọn aṣàwákiri ti ogbologbo. Nigbagbogbo, wọn sọ eyi gẹgẹ bi anfani lati lo boya @import tabi , ṣugbọn otitọ ni o le ṣeto iru media pẹlu ọna kan, ati awọn aṣàwákiri agbalagba ti ko ṣe atilẹyin awọn oniru media yoo ko wo wọn ni boya .

Nitorina Ewo Ọna O yẹ Ki O Lo?

Tikalararẹ, Mo fẹ lati lo <ọna asopọ> ati lẹhinna gbe awọn awoṣe ara si awọn awoṣe ti ara mi, bi ọpọlọpọ awọn apẹẹrẹ ayelujara ṣe loni. Iyẹn ọna Mo nikan ni awọn koodu ila tabi 1 meji lati ṣatunṣe ninu awọn iwe HTML mi. Ṣugbọn isalẹ ila ni pe o wa si ọ. Ti o ba ni itura pẹlu itọtẹ, lẹhinna lọ fun o! Awọn ọna mejeeji jẹ ifaramọ deedee ati ayafi ti o ba ngbero lati ṣe atilẹyin fun awọn aṣàwákiri atijọ, ko si idi pataki fun lilo boya.

Ṣatunkọ nipasẹ Jeremy Girard lori 2/7/17