Kuid kodeerimise ajal on keeruline lisada samu CSS-i atribuute iga veebilehe jaoks eraldi. Seega on vaja kasutada lahendust, mille kaudu saab luua ühe stiililehe ja seejärel mitme failiga hõlpsasti juurde pääseda.

Mis on @impordi reegel CSS-is?

Parim viis CSS-stiili atribuutide kaasamiseks on @import reegli kasutamine. @import kasutatakse CSS-laaditabeli importimiseks või juurdepääsuks teiselt laadilehelt. See vähendab arendaja vaeva, kuna kõik imporditud laadilehele lisatud atribuudid rakendatakse otse, kirjutades lihtsalt @import ja seejärel stiililehe täpse nime.

@importimise reegli süntaks

Süntaks @import reegli lisamiseks, et pääseda juurde laadilehele teisest laaditabelist, on järgmine:

Reegli @import saab lisada ka järgmisel meetodil:

Lihtsalt lisage CSS-laaditabeli faili nimi kas pöördkomadesse või ümarsulgudesse koos ' url 'pärast kirjutamist' @import ”.

Näide: @importi reegli lisamine

Et mõista, kuidas @import reegel töötab, kirjutame lihtsa koodilõigu:

Ülaltoodud koodilõigul on HTML-dokumenti lisatud lihtsa üherealise lausega päis

. See lihtne kood genereerib järgmise väljundi:

Võimaldab luua stiilitabeli, et määratleda mõned CSS-i atribuudid, mida saab hiljem importida failist, mille kaudu ülaltoodud veebilehe liides luuakse. Loome uue faili ja paneme sellele nimeks ' stiilileht ' failitüübiga, mis on deklareeritud kui ' css ” ja lisage lihtsalt mõned omadused

päise ja keha jaoks:

h1 {

värvi : kesköösinine ;

taustavärv : taevasinine ;

teksti joondamine : Keskus ;

}

keha {

taustavärv : helesinine ;

}

Pealkirja

ja keha stiili atribuute sisaldavale laaditabeli failile juurdepääsemiseks peame lihtsalt lisama @import reegli igasse CSS-faili, kus seda stiili vajatakse.

Lihtsalt lihtsa @import-reegli lisamine rakendab veebilehe liidesesse kõik stiiliatribuudid, ilma et peaksite atribuute igal veebilehel eraldi tippima.

Seega tuleb @import reegel kirjutada järgmiselt:

@import 'laadileht.css' ;

@import reegli lisamine, kirjutades ' url ” ja ümarsulgudes oleva CSS-faili nimi kuvab samuti samu tulemusi:

@import url ( stiilileht.css ) ;

Atribuudid, mis on määratletud jaotises ' stiilileht ' faili rakendatakse lihtsalt lisades lihtsa ' @import ” reegel selle jaoks:

See on lihtsaim viis CSS-i atribuutide lisamiseks faili ilma täiendavate pingutusteta.

@importi reegli eelised CSS-is

@import reeglit kasutatakse tavaliselt järgmistel põhjustel.

• Reegli @import kasutamine vähendab arendaja aega ja vaeva, kuna see rakendab konkreetse stiililehe kõiki atribuute, kirjutades lihtsalt selle lehe nime @import järele.
• Suurtes ja keerulistes veebirakendustes osutub @import reegel väga kasulikuks, kuna samu stiiliatribuute saab rakendada mitmes failis lihtsalt laadilehe faili nime lisamisega.
• Stiililehe elemente, nagu päised, jalused, keha jne, saab salvestada eraldi laadilehefailidesse ja seejärel saab reegli @import abil importida mis tahes nõutud stiili, ilma et oleks vaja stiili atribuute lisada, eemaldada või kommenteerida. faili.

See võtab kokku reegli @import kasutamise ja selgitab, kuidas seda reeglit peetakse parimaks meetodiks CSS-i kaasamiseks.

Järeldus

CSS-i laadilehte saab importida või teiselt laadilehelt otse juurde pääseda ja kõik imporditud laadilehe atribuudid rakendatakse otse selle faili veebilehel, kuhu see imporditi. Iga veebilehe liidese jaoks pole vaja iga CSS-i atribuuti eraldi kirjutada. Piisab, kui lisada CSS-laadilehe faili nimi @import. Ja seda peetakse parimaks meetodiks CSS-i lisamiseks.