Али током кодирања, тешко је укључити иста својства ЦСС-а за сваку веб страницу посебно. Дакле, потребно је користити решење кроз које се може креирати један стилски лист и лако му приступити више датотека.
Шта је @импорт правило у ЦСС-у?
Најбољи начин да укључите својства ЦСС стила је коришћење правила @импорт. @импорт се користи за увоз или приступ ЦСС листи стилова из другог листа стилова. Ово смањује напор програмера јер се сва својства додата у увезени стилски лист имплементирају директно само писањем @импорт, а затим тачног назива стилског листа.
Синтакса правила @импорт
Синтакса за додавање правила @импорт за приступ листи стилова из другог листа стилова је следећа:
@увоз 'стилесхеетнаме.цсс' ;
Правило @импорт се такође може додати на следећи начин:
@увоз урл ( стилесхеетнаме.цсс ) ;
Једноставно додајте име датотеке ЦСС стилова у обрнутим зарезима или у округлим заградама са „ урл “ након што сте написали “ @увоз ”.
Пример: Додавање правила @импорт
Да бисмо разумели како функционише правило @импорт, пишемо једноставан исечак кода:
< х1 > Ово је једноставан текст! < / х1 >У горњем исечку кода налази се наслов <х1> са једноставном реченицом у једном реду која је додата у ХТМЛ документ. Овај једноставан код ће генерисати следећи излаз:
Хајде да направимо листу стилова да бисмо дефинисали нека ЦСС својства која се касније могу увести из датотеке преко које се креира горњи интерфејс веб странице. Креирамо другу датотеку и именујемо је „ стилесхеет ” са типом датотеке декларисаним као „ цсс “, и једноставно додајте нека својства за <х1> наслов и тело:
х1 {боја : поноћно плава ;
боја позадине : азурно ;
Поравнање текста : центар ;
}
тело {
боја позадине : светло плава ;
}
Да бисмо приступили датотеци стилова која садржи својства стила за наслов и тело <х1>, морамо једноставно да додамо правило @импорт у било коју од ЦСС датотека где је тај стил потребан.
Додавање само једноставног правила @импорт имплементираће сва својства стила у интерфејс веб странице без потребе да се својства куцају засебно на свакој веб страници.
Дакле, потребно је да напишете правило @импорт као:
@увоз 'стилесхеет.цсс' ;Додавање правила @импорт писањем „ урл ” и име ЦСС датотеке у округлим заградама ће такође приказати исте резултате:
@увоз урл ( стилесхеет.цсс ) ;Својства дефинисана у „ стилесхеет ” се имплементирају само додавањем једноставног „ @увоз ” правило за то:
Ово је најлакши начин да укључите ЦСС својства у датотеку без икаквих додатних напора.
Предности правила @импорт у ЦСС-у
Правило @импорт се обично користи из следећих разлога:
- Коришћење правила @импорт смањује време и труд програмера јер имплементира сва својства одређеног стилског листа само писањем имена тог листа после @импорт.
- У великим и сложеним веб апликацијама, правило @импорт се показало веома корисним јер се иста својства стила могу имплементирати у више датотека само додавањем имена датотеке са стилским листама.
- Елементи листе стилова као што су заглавља, подножја, тело итд. могу да се чувају у одвојеним датотекама стилова, а затим коришћењем правила @импорт, било који од потребних стилова може да се увезе без потребе за додавањем, уклањањем или коментарисањем својстава стила из фајл.
Ово сумира употребу правила @импорт и објашњава како се ово правило сматра најбољим методом за укључивање ЦСС-а.
Закључак
ЦСС листи стилова се може увести или приступити директно из другог листа стилова и сва својства увезеног стилског листа се директно имплементирају на веб страницу датотеке у коју је увезена. Нема потребе да пишете свако ЦСС својство посебно за сваки интерфејс веб странице. Све што је потребно је да додате име датотеке ЦСС стилског листа помоћу @импорт. И, ово се сматра најбољим методом за додавање ЦСС-а.