Bet kodēšanas laikā ir grūti iekļaut tos pašus CSS rekvizītus katrai tīmekļa lapai atsevišķi. Tāpēc ir jāizmanto risinājums, ar kura palīdzību var izveidot vienu stila lapu un pēc tam viegli piekļūt vairākiem failiem.

Kas ir @import kārtula CSS?

Labākais veids, kā iekļaut CSS stila rekvizītus, ir izmantot @import kārtulu. @import izmanto, lai importētu vai piekļūtu CSS stila lapai no citas stila lapas. Tas samazina izstrādātāja pūles, jo visi importētajā stila lapā pievienotie rekvizīti tiek ieviesti tieši, vienkārši ierakstot @import un pēc tam precīzu stila lapas nosaukumu.

@import kārtulas sintakse

Sintakse @import kārtulas pievienošanai, lai piekļūtu stila lapai no citas stila lapas, ir šāda:

@import kārtulu var pievienot arī ar šādu metodi:

Vienkārši pievienojiet CSS stila lapas faila nosaukumu vai nu ar apgrieztiem komatiem vai apaļās iekavās ar ' url 'pēc rakstīšanas' @importēt ”.

Piemērs: @import kārtulas pievienošana

Lai saprastu, kā darbojas @import kārtula, mēs uzrakstām vienkāršu koda fragmentu:

Iepriekš minētajā koda fragmentā ir virsraksts

ar vienkāršu vienas rindiņas teikumu, kas pievienots HTML dokumentā. Šis vienkāršais kods ģenerēs šādu izvadi:

Ļauj izveidot stila lapu, lai definētu dažus CSS rekvizītus, kurus vēlāk var importēt no faila, caur kuru tiek izveidota iepriekš minētā tīmekļa lapas saskarne. Mēs izveidojam citu failu un nosaucam to “ stila lapa ' ar faila tipu, kas deklarēts kā ' css ”, un vienkārši pievienojiet dažus rekvizītus

virsrakstam un pamattekstam:

h1 {

krāsa : pusnakts zils ;

fona krāsa : debeszils ;

teksta līdzināšana : centrs ;

}

ķermeni {

fona krāsa : gaiši zils ;

}

Lai piekļūtu stila lapas failam, kurā ir ietverti stila rekvizīti

virsrakstam un pamattekstam, mums vienkārši jāpievieno @import kārtula jebkurā CSS failā, kur šis stils ir nepieciešams.

Pievienojot vienkāršu @import kārtulu, tīmekļa lapas saskarnē tiks ieviesti visi stila rekvizīti, katrā tīmekļa lapā rekvizīti nav jāievada atsevišķi.

Tātad @import noteikums ir jāraksta šādi:

@importēt 'stylesheet.css' ;

@import kārtulas pievienošana, rakstot ' url ” un CSS faila nosaukums apaļajās iekavās arī parādīs tos pašus rezultātus:

@importēt url ( stila lapa.css ) ;

Īpašības, kas definētas ' stila lapa ' faili tiek ieviesti, vienkārši pievienojot vienkāršu ' @importēt ” noteikums par to:

Tas ir vienkāršākais veids, kā bez papildu pūlēm iekļaut CSS rekvizītus failā.

@import kārtulas priekšrocības CSS

Noteikums @import parasti tiek izmantots šādu iemeslu dēļ:

• Izmantojot @import kārtulu, tiek samazināts izstrādātāja laiks un pūles, jo tiek ieviestas visas noteiktas stila lapas īpašības, vienkārši ierakstot lapas nosaukumu aiz @import.
• Lielās un sarežģītās tīmekļa lietotnēs @import noteikums ir ļoti izdevīgs, jo vienus un tos pašus stila rekvizītus var ieviest vairākos failos, vienkārši pievienojot stila lapas faila nosaukumu.
• Stila lapas elementus, piemēram, galvenes, kājenes, pamattekstu utt., var glabāt atsevišķos stila lapas failos, un pēc tam, izmantojot @import kārtulu, jebkuru no nepieciešamajiem stiliem var importēt bez nepieciešamības pievienot, noņemt vai komentēt stila rekvizītus no failu.

Šeit ir apkopots @import kārtulas lietojums un paskaidrots, kā šī kārtula tiek uzskatīta par labāko metodi CSS iekļaušanai.

Secinājums

CSS stila lapu var importēt vai piekļūt tieši no citas stila lapas, un visi importētās stila lapas rekvizīti tiek tieši ieviesti faila tīmekļa lapā, kurā tā ir importēta. Nav nepieciešams rakstīt katru CSS rekvizītu atsevišķi katrai tīmekļa lapas saskarnei. Viss, kas nepieciešams, ir pievienot CSS stila lapas faila nosaukumu ar @import. Un šī tiek uzskatīta par labāko metodi CSS pievienošanai.