కానీ కోడింగ్ చేస్తున్నప్పుడు, ప్రతి వెబ్ పేజీకి వేర్వేరుగా ఒకే CSS లక్షణాలను చేర్చడం కష్టం. కాబట్టి, ఒకే స్టైల్ షీట్ను సృష్టించి, ఆపై బహుళ ఫైల్ల ద్వారా సులభంగా యాక్సెస్ చేయగల పరిష్కారాన్ని ఉపయోగించడం అవసరం.
CSSలో @దిగుమతి నియమం ఏమిటి?
@దిగుమతి నియమాన్ని ఉపయోగించడం ద్వారా CSS శైలి లక్షణాలను చేర్చడానికి ఉత్తమ మార్గం. మరొక స్టైల్ షీట్ నుండి CSS స్టైల్షీట్ను దిగుమతి చేయడానికి లేదా యాక్సెస్ చేయడానికి @import ఉపయోగించబడుతుంది. దిగుమతి చేసుకున్న స్టైల్ షీట్లో జోడించిన అన్ని ప్రాపర్టీలు @import మరియు ఆపై స్టైల్ షీట్ యొక్క ఖచ్చితమైన పేరును వ్రాయడం ద్వారా నేరుగా అమలు చేయబడినందున ఇది డెవలపర్ యొక్క ప్రయత్నాన్ని తగ్గిస్తుంది.
@దిగుమతి నియమం యొక్క సింటాక్స్
మరొక స్టైల్షీట్ నుండి స్టైల్ షీట్ని యాక్సెస్ చేయడానికి @import నియమాన్ని జోడించడానికి సింటాక్స్ క్రింది విధంగా ఉంది:
@దిగుమతి 'stylesheetname.css' ;
@దిగుమతి నియమాన్ని క్రింది పద్ధతి ద్వారా కూడా జోడించవచ్చు:
@దిగుమతి url ( stylesheetname.css ) ;
కేవలం, CSS స్టైల్షీట్ ఫైల్ పేరును విలోమ కామాల్లో లేదా రౌండ్ బ్రాకెట్లలో “తో జోడించండి url 'వ్రాసిన తర్వాత' @దిగుమతి ”.
ఉదాహరణ: @దిగుమతి నియమాన్ని జోడించడం
@దిగుమతి నియమం ఎలా పనిచేస్తుందో అర్థం చేసుకోవడానికి, మేము ఒక సాధారణ కోడ్ స్నిప్పెట్ను వ్రాస్తాము:
< h1 > ఇది సింపుల్ టెక్స్ట్! < / h1 >ఎగువ కోడ్ స్నిప్పెట్లో, HTML డాక్యుమెంట్లో జోడించబడిన సాధారణ ఒక-లైన్ వాక్యంతో
శీర్షిక ఉంది. ఈ సాధారణ కోడ్ క్రింది అవుట్పుట్ను ఉత్పత్తి చేస్తుంది:
పై వెబ్ పేజీ ఇంటర్ఫేస్ సృష్టించబడిన ఫైల్ నుండి తరువాత దిగుమతి చేసుకోగల కొన్ని CSS లక్షణాలను నిర్వచించడానికి ఒక స్టైల్షీట్ను సృష్టిద్దాం. మేము మరొక ఫైల్ని సృష్టించి దానికి 'అని పేరు పెట్టాము. శైలి షీట్ 'ఫైల్ రకంతో' గా ప్రకటించబడింది css ”, మరియు
హెడ్డింగ్ మరియు బాడీ కోసం కొన్ని లక్షణాలను జోడించండి: h1 {
రంగు : అర్ధరాత్రి నీలం ;
నేపథ్య రంగు : నీలవర్ణం ;
టెక్స్ట్-అలైన్ : కేంద్రం ;
}
శరీరం {
నేపథ్య రంగు : లేత నీలం ;
}
హెడ్డింగ్ మరియు బాడీ కోసం స్టైల్ ప్రాపర్టీలను కలిగి ఉన్న స్టైల్షీట్ ఫైల్ను యాక్సెస్ చేయడానికి, ఆ స్టైలింగ్ అవసరమయ్యే ఏదైనా CSS ఫైల్లలో మనం @import నియమాన్ని జోడించాలి.
కేవలం ఒక సాధారణ @దిగుమతి నియమాన్ని జోడించడం వలన ప్రతి వెబ్ పేజీలో లక్షణాలను విడిగా టైప్ చేయకుండా వెబ్ పేజీ ఇంటర్ఫేస్కు అన్ని స్టైల్ ప్రాపర్టీలను అమలు చేస్తుంది.
కాబట్టి, @దిగుమతి నియమాన్ని ఇలా వ్రాయడం అవసరం:
@దిగుమతి 'stylesheet.css' ;'' అని వ్రాయడం ద్వారా @దిగుమతి నియమాన్ని జోడిస్తోంది url ” మరియు రౌండ్ బ్రాకెట్లలోని CSS ఫైల్ పేరు కూడా అదే ఫలితాలను ప్రదర్శిస్తుంది:
@దిగుమతి url ( stylesheet.css ) ;'లో నిర్వచించబడిన లక్షణాలు శైలి షీట్ 'ఫైల్ కేవలం ఒక సాధారణ జోడించడం ద్వారా అమలు చేయబడుతుంది' @దిగుమతి 'దీనికి నియమం:
ఎటువంటి అదనపు ప్రయత్నాలు లేకుండా CSS లక్షణాలను ఫైల్లో చేర్చడానికి ఇది సులభమైన మార్గం.
CSSలో @దిగుమతి నియమం యొక్క ప్రయోజనాలు
@దిగుమతి నియమం క్రింది కారణాల కోసం సాధారణంగా ఉపయోగించబడుతుంది:
- @దిగుమతి నియమాన్ని ఉపయోగించడం వలన డెవలపర్ యొక్క సమయం మరియు శ్రమ తగ్గుతుంది, ఎందుకంటే ఇది నిర్దిష్ట స్టైల్ షీట్ యొక్క అన్ని లక్షణాలను అమలు చేస్తుంది, ఆ షీట్ పేరును @దిగుమతి తర్వాత వ్రాయడం ద్వారా.
- పెద్ద మరియు సంక్లిష్టమైన వెబ్ యాప్లలో, స్టైల్ షీట్ ఫైల్ పేరును జోడించడం ద్వారా ఒకే స్టైల్ ప్రాపర్టీలను బహుళ ఫైల్లలో అమలు చేయవచ్చు కాబట్టి @దిగుమతి నియమం చాలా ప్రయోజనకరంగా ఉంటుంది.
- హెడర్లు, ఫుటర్లు, బాడీ మొదలైన స్టైల్ షీట్ ఎలిమెంట్లను ప్రత్యేక స్టైల్ షీట్ ఫైల్లలో నిల్వ చేయవచ్చు, ఆపై @దిగుమతి నియమాన్ని ఉపయోగించడం ద్వారా, స్టైల్ ప్రాపర్టీలను జోడించడం, తీసివేయడం లేదా వ్యాఖ్యానించాల్సిన అవసరం లేకుండా అవసరమైన ఏదైనా స్టైలింగ్ని దిగుమతి చేసుకోవచ్చు. ఫైల్.
ఇది @దిగుమతి నియమం యొక్క ఉపయోగాన్ని సంగ్రహిస్తుంది మరియు CSSని చేర్చడానికి ఈ నియమం ఉత్తమ పద్ధతిగా ఎలా పరిగణించబడుతుందో వివరిస్తుంది.
ముగింపు
CSS స్టైల్ షీట్ను మరొక స్టైల్ షీట్ నుండి నేరుగా దిగుమతి చేసుకోవచ్చు లేదా యాక్సెస్ చేయవచ్చు మరియు దిగుమతి చేయబడిన స్టైల్ షీట్లోని అన్ని ప్రాపర్టీలు నేరుగా దిగుమతి చేయబడిన ఫైల్ వెబ్ పేజీలో అమలు చేయబడతాయి. ప్రతి వెబ్ పేజీ ఇంటర్ఫేస్ కోసం ఒక్కో CSS ప్రాపర్టీని విడిగా వ్రాయవలసిన అవసరం లేదు. @importతో CSS స్టైల్ షీట్ ఫైల్ పేరును జోడించడం మాత్రమే అవసరం. మరియు, ఇది CSSని జోడించడానికి ఉత్తమ పద్ధతిగా పరిగణించబడుతుంది.