ஆனால் குறியிடும் போது, ஒவ்வொரு வலைப்பக்கத்திற்கும் தனித்தனியாக ஒரே CSS பண்புகளைச் சேர்ப்பது கடினம். எனவே, ஒரு தீர்வைப் பயன்படுத்த வேண்டும், இதன் மூலம் ஒற்றை நடை தாளை உருவாக்கலாம் மற்றும் பல கோப்புகளால் எளிதாக அணுகலாம்.
CSS இல் @இறக்குமதி விதி என்ன?
@import விதியைப் பயன்படுத்துவதே 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 இல் @இறக்குமதி விதியின் நன்மைகள்
@இறக்குமதி விதி பின்வரும் காரணங்களுக்காக பொதுவாகப் பயன்படுத்தப்படுகிறது:
- @இறக்குமதி விதியைப் பயன்படுத்துவது டெவலப்பரின் நேரத்தையும் முயற்சியையும் குறைக்கிறது, ஏனெனில் அது ஒரு குறிப்பிட்ட ஸ்டைல் ஷீட்டின் அனைத்து பண்புகளையும் @import க்குப் பிறகு அந்த தாளின் பெயரை எழுதுவதன் மூலம் செயல்படுத்துகிறது.
- பெரிய மற்றும் சிக்கலான வலைப் பயன்பாடுகளில், ஸ்டைல் ஷீட் கோப்பின் பெயரைச் சேர்ப்பதன் மூலம் ஒரே பாணி பண்புகளை பல கோப்புகளில் செயல்படுத்த முடியும் என்பதால் @இறக்குமதி விதி மிகவும் சாதகமாக உள்ளது.
- தலைப்புகள், அடிக்குறிப்புகள், உடல் போன்ற ஸ்டைல் தாள் கூறுகளை தனி நடை தாள் கோப்புகளில் சேமிக்கலாம், பின்னர் @import விதியைப் பயன்படுத்துவதன் மூலம், தேவையான ஸ்டைலிங் எதையும் இறக்குமதி செய்யவோ, அகற்றவோ அல்லது கருத்து தெரிவிக்கவோ தேவையில்லை. கோப்பு.
இது @இறக்குமதி விதியின் பயன்பாட்டைச் சுருக்கி, CSSஐச் சேர்ப்பதற்கான சிறந்த முறையாக இந்த விதி எவ்வாறு கருதப்படுகிறது என்பதை விளக்குகிறது.
முடிவுரை
ஒரு CSS நடை தாளை மற்றொரு நடை தாளில் இருந்து நேரடியாக இறக்குமதி செய்யலாம் அல்லது அணுகலாம் மற்றும் இறக்குமதி செய்யப்பட்ட நடை தாளில் உள்ள அனைத்து பண்புகளும் நேரடியாக இறக்குமதி செய்யப்பட்ட கோப்பின் வலைப்பக்கத்தில் செயல்படுத்தப்படும். ஒவ்வொரு வலைப்பக்க இடைமுகத்திற்கும் ஒவ்வொரு CSS பண்புகளையும் தனித்தனியாக எழுத வேண்டிய அவசியமில்லை. @import உடன் CSS நடை தாள் கோப்பின் பெயரைச் சேர்த்தால் போதும். மேலும், இது CSS ஐ சேர்க்க சிறந்த முறையாக கருதப்படுகிறது.