Tá roinnt bealaí ann gur féidir leat stíleanna CSS a chur i bhfeidhm ar leathanach gréasáin, lena n-áirítear bileoga stíl seachtracha nó fiú stíleanna inlíne . Má tá bileog stíle seachtrach á úsáid agat, is é an bealach molta chun cuma agus mothú doiciméad HTML a dheachtú, is é an bealach amháin ná @import a úsáid.
Ceadaíonn an riail @import leat bileoga stíle seachtracha tábhachtacha i do dhoiciméad - i leathanach HTML nó fiú i doiciméid CSS eile. Is féidir le níos mó stíleanna a bhriseadh isteach i roinnt comhaid atá dírithe níos lú (ceann amháin le haghaidh leagan amach, ceann amháin le haghaidh clóghraf , ceann d'íomhánna, etc.) a dhéanamh níos éasca na comhaid sin a bhainistiú agus an stíl éagsúil atá ann. Más mian leat taitneamh a bhaint as an sochar sin, is éard atá i gceist leis na comhaid éagsúla sin a allmhairiú cad is gá duit a dhéanamh chun iad a fháil go léir ag obair le do thaispeáint ar do leathanach gréasáin.
Iompórtáil Isteach HTML
Chun an riail @import i do HTML a úsáid, ba mhaith leat an méid seo a leanas a chur leis an
:
@import url ("/ styles / default.css");
Áirfí an cód seo ar an mbileog stíl seo anois le húsáid ar an leathanach HTML seo agus d'fhéadfá gach ceann de do stíleanna a bhainistiú sa chomhad amháin sin. Is é an rud is tábhachtaí do stíleanna stíleanna tábhachtacha ar an mbealach seo ná go gceadaíonn an modh seo íoslódálacha comhthreomhar. Caithfidh an leathanach stílleabhar iomlán a íoslódáil sula dtéann sé ar aghaidh ar an gcuid eile den leathanach, lena n-áirítear aon chomhad CSS eile atá tú ag iompórtáil ag baint úsáide as an modh seo. Beidh tionchar diúltach aige seo ar luas agus feidhmíochta do leathanach. Ag smaoineamh ar an tábhacht a bhaineann le feidhmíocht an leathanaigh atá le rath ar láithreán gréasáin an lae inniu, d'fhéadfadh an míbhuntáiste seo a bheith ina n-aonar mar chúis ar mhaith leat a sheachaint ag baint úsáide as @import.
Cur Chuige Malartach
Mar mhalairt ar @import a úsáid i do HTML, is féidir leat nasc a dhéanamh leis an gcomhad CSS sin mar seo:
Feidhmíonn sé seo an-chosúil leis an @import mar go gceadaíonn sé duit do CSS go léir a bhainistiú ó shuíomh / comhad lárnach amháin, ach is fearr an modh seo ó thaobh íoslódála. Má tá tú ag iarraidh cineálacha éagsúla stíleanna deighleog a dhéanamh i gcomhaid ar leith, is féidir leat leanúint de bheith ag déanamh amhlaidh agus bain úsáid as an fheidhmiúlacht @import laistigh de do chomhad máistir CSS. Ciallaíonn sé seo gur féidir do chuid comhad CSS seachtrach a bhainistiú go neamhspleách, ach ós rud é go n-iompraíonn siad go léir i máistir CSS amháin, feabhsaítear feidhmíocht.
Iompórtáil Isteach CSS
Bheadh úsáid as an gcód
@import url ('/ styles / layout.css');
@import url ('/ styles / type.css');
@import url ('/ styles / images.css');
Tabhair faoi deara go gcaithfidh na rialacha seo a bheith os comhair gach ábhar eile i do chomhad CSS chun iad a bheith ag obair. Ní féidir stíl CSS eile a bheith agat roimh na rialacha allmhairithe seo!
Faoi bhun na rialacha iompórtála sin, is féidir leat cibé stíleanna CSS eile a theastaíonn uait a chur i do bhileog réamhshocraithe. Nuair a bheidh an príomhchomhad CSS sin luchtaithe, cuirfidh sé na comhaid seo ar leithligh ar dtús agus cuirfidh sé a stíleanna le barr an bhileog stíl. Ansin beidh na stíleanna eile go léir agat faoi na cinn seo a allmhairítear, ag cruthú an comhad CSS iomlán a úsáidfidh an brabhsálaí gréasáin chun do shuíomh a thaispeáint. Gheobhaidh tú an tairbhe a bhaineann le comhaid níos lú, níos dírí a bhainistiú agus tá stílbhileog amháin ceangailte leis sa HTML sin.
Ag baint úsáide as & # 64; allmhairiú le haghaidh Ceisteanna Meáin
Rud amháin is féidir leat smaoineamh ar é a dhéanamh ag scaradh ceisteanna meáin do láithreán gréasáin le haghaidh stíleanna gréasáin freagracha i gcomhad ar leith. Ós rud é gur féidir na stíleanna sofhreagracha seo a bheith mearbhall nuair a fheictear iad i dteannta le rialacha stíl eile do shuíomh, d'fhéadfadh go mbeadh siad tarraingtach dóibh féin i gcomhad eile. Is cúis imní amháin leis an gcur chuige seo ná, ós rud é go gcaithfidh do rialacha @import a bheith den chéad uair, ciallaíonn sé seo go gcuirfeadh do chuid fiosruithe sna meáin luchtú roimh an chuid eile de stíleanna do shuíomh. Nuair a chruthaíonn suíomh soghluaiste sofhreagrach a chuireann an fheidhmíocht san áireamh, is dócha go mbeidh sé seo ina fhadhb. Ar an gcúis seo, moltar nach ndéanann tú cuid d'stíleanna freagracha do shuíomh ar leithligh agus úsáid @import chun iad a thabhairt isteach i do shuíomh. Sea, b'fhéidir go mb'fhéidir go mb'fhéidir go mbeadh sochair ann, ach na míbhuntáistí is mó ná na sochair sin.
An gá dom a Úsáid & # 64; a allmhairiú?
Níl, ní gá duit. Taispeánann go leor suímh a gcuid stíleanna ar fad laistigh de chomhad amháin agus, chomh fada leis an gcomhad sin, déantar é a bhainistiú mar sin (is é seo an chaoi a dhéanfaidh mé é i mo chuid oibre féin). Má aimsíonn @import cabhrach, is féidir é a bheith mar chuid de do shreabhadh oibre. Seachas sin, is féidir leat leathanaigh ghréasáin a thógáil go do bhileog stíl aonair de do chuid rialacha CSS go léir.
Tacaíocht Brabhsálaí
Tá deacrachtaí ag brabhsálaithe an-sean, d'aois, le cuid de na rialacha @import seo, ach ní dócha go mbeidh na brabhsálaithe seo ina fhadhb duit na laethanta seo. Tá sé seo fíor go háirithe anois go bhfuil spriocdháta deireadh saolré le haghaidh leaganacha níos sine de Internet Explorer tar éis dul ar aghaidh. I ndeireadh na dála, má shocraíonn tú úsáid a bhaint as rialacha @import i do HTML nó CSS, níor chóir duit saincheisteanna a dhéanamh i gcónaí le leaganacha oidhreachta na mbrabhsálaithe gréasáin mura bhfuil gá le haon aisteach agat chun tacú le leaganacha atá thar a bheith sean d'IE.
Airteagal bunaidh le Jennifer Krynin. Arna eagarthóireacht ag Jeremy Girard.