Men mens du koder, er det svært at inkludere de samme CSS-egenskaber for hver enkelt webside separat. Så det er påkrævet at bruge en løsning, hvorigennem et enkelt typografiark kan oprettes og derefter nemt tilgås af flere filer.

Hvad er @import-reglen i CSS?

Den bedste måde at inkludere CSS-stilegenskaberne på er ved at bruge @import-reglen. @import bruges til at importere eller få adgang til et CSS-typografiark fra et andet typografiark. Dette reducerer udviklerens indsats, da alle de egenskaber, der tilføjes i det importerede typografiark, implementeres direkte ved blot at skrive @import og derefter det nøjagtige navn på typografiarket.

Syntaks for @import-regel

Syntaksen for at tilføje @import-reglen for at få adgang til et typografiark fra et andet typografiark er følgende:

@import-reglen kan også tilføjes på følgende måde:

Du skal blot tilføje navnet på CSS-stilarkfilen i enten omvendte kommaer eller i runde parenteser med ' url 'efter at have skrevet' @importere ”.

Eksempel: Tilføjelse af @import-regel

For at forstå, hvordan @import-reglen fungerer, skriver vi et simpelt kodestykke:

I ovenstående kodestykke er der en

overskrift med en simpel sætning på én linje tilføjet i et HTML-dokument. Denne simple kode vil generere følgende output:

Lad os oprette et stylesheet for at definere nogle CSS-egenskaber, der senere kan importeres fra filen, hvorigennem ovenstående webside-grænseflade er oprettet. Vi opretter en anden fil og navngiver den ' stilark ' med filtypen erklæret som ' css ', og tilføj blot nogle egenskaber for

overskrift og brødtekst:

h1 {

farve : midnatsblå ;

baggrundsfarve : azurblå ;

tekstjustering : centrum ;

}

legeme {

baggrundsfarve : lyseblå ;

}

For at få adgang til stylesheet-filen, der indeholder stilegenskaberne for

overskrift og brødtekst, skal vi blot tilføje @import-reglen i en hvilken som helst af CSS-filerne, hvor den stiling er nødvendig.

Tilføjelse af blot en simpel @import-regel vil implementere alle stilegenskaberne til websidens grænseflade uden at skulle indtaste egenskaberne separat på hver webside.

Så det er påkrævet at skrive @import-reglen som:

@importere 'stylesheet.css' ;

Tilføjelse af @import-reglen ved at skrive ' url ” og navnet på CSS-filen i de runde parenteser vil også vise de samme resultater:

@importere url ( stylesheet.css ) ;

Egenskaberne defineret i ' stilark '-fil implementeres ved blot at tilføje en simpel ' @importere 'regel for det:

Dette er den nemmeste måde at inkludere CSS-egenskaberne i en fil uden yderligere indsats.

Fordele ved @import-regel i CSS

@import-reglen bruges almindeligvis af følgende årsager:

• Brug af @import-reglen reducerer udviklerens tid og indsats, da den implementerer alle egenskaberne for et bestemt typografiark ved blot at skrive navnet på det ark efter @import.
• I store og komplekse webapps viser @import-reglen sig at være meget fordelagtig, da de samme stilegenskaber kan implementeres i flere filer blot ved at tilføje navnet på typografiarkfilen.
• Typografiarkelementer som sidehoveder, sidefødder, brødtekst osv. kan gemmes i separate typografiarkfiler, og ved at bruge @import-reglen kan enhver af de påkrævede stiltyper importeres uden at skulle tilføje, fjerne eller kommentere stilegenskaber fra en fil.

Dette opsummerer brugen af ​​@import-reglen og forklarer, hvordan denne regel anses for at være den bedste metode til at inkludere CSS.

Konklusion

Et CSS-typografiark kan importeres eller tilgås direkte fra et andet typografiark, og alle egenskaberne i det importerede typografiark implementeres direkte på websiden for den fil, hvor det er blevet importeret. Der er ingen grund til at skrive hver eneste CSS-egenskab separat for hver websides grænseflade. Alt det kræver er at tilføje navnet på CSS-stilarkfilen med @import. Og dette betragtes som den bedste metode til at tilføje CSS.