விழுத்தொடர் நடைத்தாள்கள் உள்ள @ இறக்குமதி (CSS)

நீங்கள் வெளிப்புற நடைத்தாள்கள் அல்லது இன்லைன் பாணியை இரண்டையும் உள்ளடக்கிய ஒரு வலைப்பக்கத்திற்கு CSS நடைகளை விண்ணப்பிக்கக்கூடிய பல வழிகள் உள்ளன. நீங்கள் ஒரு வெளிப்புற நடை தாளைப் பயன்படுத்துகிறீர்கள் என்றால், இது ஒரு HTML ஆவணத்தின் தோற்றத்தையும் உணர்வையும் கட்டளையிடும் வழிமுறை ஆகும், ஒரு அணுகுமுறை @ இறக்குமதிக்கு பயன்படுத்த வேண்டும்.

@ இறக்குமதி விதி உங்கள் ஆவணத்தில் முக்கியமான வெளிப்புற பாணி தாள்களை அனுமதிக்கிறது - HTML பக்கம் அல்லது மற்ற CSS ஆவணங்களில் கூட. பல சிறிய, மையப்படுத்தப்பட்ட கோப்புகளை பல வடிவங்களில் உடைத்து (அமைப்பு ஒன்று, அச்சுக்கலை ஒன்று, படங்கள் ஒன்று, முதலியன) சில நேரங்களில் எளிதாக அந்த கோப்புகள் மற்றும் அவர்கள் கொண்டிருக்கும் பல்வேறு பாணி நிர்வகிக்க முடியும். நீங்கள் அந்த நன்மைகளை அனுபவிக்க விரும்பினால், பின்னர் அந்த பல்வேறு கோப்புகளை இறக்குமதி செய்வது உங்கள் வலைப்பக்கத்தின் காட்சிக்கு அனைத்து வேலைகளையும் செய்ய நீங்கள் செய்ய வேண்டியது என்னவென்றால்.

HTML க்கு இறக்குமதி செய்கிறது

உங்கள் HTML இல் @ இறக்குமதி விதிகளை பயன்படுத்த, நீங்கள் ஆவணத்தின் பின்வரும் சேர்க்க வேண்டும்:
:
<பாணி>
@ இறக்குமதி URL ("/ பாணியை / default.css");

இந்த குறியீட்டை இந்த HTML பக்கத்தில் பயன்படுத்த இந்த நடை தாள் இப்போது இறக்குமதி மற்றும் நீங்கள் ஒரு கோப்பில் உங்கள் பாணியை அனைத்து நிர்வகிக்க முடியும். முக்கியமான வழிமுறைகளுக்கு இடையூறு இந்த வழிமுறை இணைய இணைப்புகளை அனுமதிக்காது என்பதாகும். இந்த வழிமுறையைப் பயன்படுத்தி நீங்கள் இறக்குமதி செய்யும் வேறு எந்த CSS கோப்புகளையும் உள்ளடக்கிய பக்கத்தின் பக்கத்திற்கு நகரும் முன் இந்தப் பக்கம் ஒரு முழு ஸ்டைல்ஷீட்டைப் பதிவிறக்க வேண்டும்.இது உங்கள் பக்கத்தின் வேகத்திலும், செயல்திறன் பதிவிறக்கத்திலும் எதிர்மறையான விளைவைக் கொண்டிருக்கும். இன்றைய வலைத்தள வெற்றிக்கு எப்படி முக்கியத்துவம் வாய்ந்த பக்கம் செயல்திறன் என்பதைக் கருத்தில் கொள்கையில், இந்த குறைபாடு, நீங்கள் @import ஐத் தவிர்க்க விரும்புவதற்கு ஒரு காரணமாக இருக்கலாம்.

மாற்று அணுகுமுறை

உங்கள் HTML இல் @ இறக்குமதி இறக்குமதி செய்வதற்கு ஒரு மாற்றாக, நீங்கள் இதைப் போன்ற CSS கோப்பில் இணைக்கலாம்:

இது ஒரு மைய இடம் / கோப்பில் இருந்து உங்கள் அனைத்து CSS ஐ நிர்வகிக்க அனுமதிக்கிறது, ஆனால் இந்த முறை ஒரு பதிவிறக்க முன்னோக்கு இருந்து சிறந்தது @import இந்த செயல்படுகிறது. தனித்தனி கோப்பில் பல்வேறு வகை பாணிகளை நீங்கள் பிரித்தெடுக்க விரும்பினால், உங்கள் மாஸ்டர் CSS கோப்புக்குள் @import function ஐ தொடர்ந்து பயன்படுத்தவும். இதன் பொருள் உங்கள் வெளிப்புற CSS கோப்புகள் தனித்தனியாக நிர்வகிக்கப்படலாம், ஆனால் அவை அனைத்தையும் ஒரே மாஸ்டர் CSS ஆக இறக்குமதி செய்வதால், செயல்திறன் மேம்படுத்தப்பட்டுள்ளது.

CSS க்கு இறக்குமதி செய்கிறது

மேலே உள்ள குறியீடு எடுத்துக்காட்டு உங்கள் HTML பக்கத்தில் பயன்படுத்த "default.css" கோப்பை கொண்டு வரும். அந்த CSS கோப்பு உள்ளே, நீங்கள் உங்கள் பல்வேறு பக்கம் பாணியை வேண்டும். நீங்கள் ஒரு பக்கம் அந்த அனைத்து பாணியை விரிவாக, அல்லது நீங்கள் எளிதாக மேலாண்மை அவற்றை தவிர்த்து @ இறக்குமதி பயன்படுத்த முடியும். மீண்டும் ஒரு முறை, நாங்கள் 4 தனி CSS கோப்புகளை பயன்படுத்துகிறோம் என்று கூறுவோம் - அமைப்புக்கு ஒன்று, அச்சுக்கலை ஒன்று, படங்கள் ஒன்று. நான்காவது கோப்பு எங்கள் "மாஸ்டர்" கோப்பு இது எங்கள் பக்கம் இணைப்புகள் என்ன (இந்த உதாரணமாக, இது "default.css"). அந்த மாஸ்டர் CSS கோப்பு மிக மேலே நாம் கீழே காட்டப்பட்டுள்ள விதிகள் சேர்க்க முடியும்:

@ இறக்குமதி URL ('/ பாணிகள் / layout.css');
@ இறக்குமதி URL ('/ பாணியை / type.css');
@ இறக்குமதி URL ('/ பாணியை / images.css');

இந்த விதிகளை உங்கள் CSS கோப்பில் மற்ற எல்லா உள்ளடக்கங்களுக்கும் முன்பு பணிபுரிய வேண்டும். இந்த இறக்குமதி விதிகள் முன் வேறு எந்த CSS பாணி இருக்க முடியாது!

அந்த இறக்குமதி விதிகள் கீழ், நீங்கள் உங்கள் இயல்புநிலை தாள் வேண்டும் வேறு என்ன CSS பாணிகளை சேர்க்க முடியும். அந்த முக்கிய CSS கோப்பை ஏற்றும்போது, ​​இது முதலில் இந்த தனி கோப்புகளை இறக்குமதி செய்து, பாணியை மிகச் சிறப்பாக மேல்நிலைக்கு சேர்க்கும். இது பின்னர் உங்கள் இறக்குமதி செய்யப்படும் அனைத்து உங்கள் மற்ற பாணிகளை வேண்டும், வலை உலாவி உங்கள் தளத்தில் காட்ட முழு CSS கோப்பு உருவாக்கும். அந்த HTML இல் இணைக்கப்பட்ட ஒற்றை நடைதாளுடன் இருப்பதால், சிறிய, அதிகமான கவனம் செலுத்தும் கோப்புகளை நிர்வகிப்பதற்கான நன்மை உங்களுக்கு கிடைக்கும்.

ஊடக கேள்விகளுக்கு இறக்குமதி & # 64 ஐ பயன்படுத்துதல்

நீங்கள் ஒரு தனி கோப்பில் பதிலளிக்க வலைத்தள பாணியை உங்கள் வலைத்தளத்தின் ஊடக கேள்விகளை பிரிக்கும் செய்து கொள்ளலாம் ஒன்று. உங்கள் தளத்தின் மற்ற பாணி விதிகள் இணைந்து காணப்படும் போது இந்த பதிலளிக்க பாணியை குழப்பமான ஏனெனில், வேறு ஒரு கோப்பில் தங்கள் சொந்த கொண்ட கவர்ச்சிகரமான இருக்கலாம். இந்த அணுகுமுறைக்கு ஒரு கவலையானது, உங்கள் @ இறக்குமதி விதிமுறை முதலில் இருக்க வேண்டும் என்பதால், இது உங்கள் மீடியா வினவல்கள் மீதமுள்ள உங்கள் தளத்தின் பாணியை முன் ஏற்றப்படும் என்பதாகும். கணக்கில் செயல்திறனை எடுக்கும் ஒரு மொபைல் முதல் பதிலளிக்க தளத்தை உருவாக்கும் போது, ​​இது ஒரு பிரச்சனையாக இருக்கும்.இந்த காரணத்திற்காக, உங்கள் தளத்தின் தனித்தனியான பாணியை தனித்தனியாக பிரித்து, உங்கள் தளத்தில் அவற்றை கொண்டு வர @import ஐ பயன்படுத்த வேண்டும் என்று பரிந்துரைக்கப்படுகிறது. ஆமாம், அவ்வாறு செய்வது நன்மையே என்று தோன்றலாம், ஆனால் குறைபாடுகள் அந்த நன்மைகளைவிட அதிகம்.

நான் தேவை & # 64; இறக்குமதி செய்ய வேண்டுமா?

இல்லை, நீ செய்யாதே. பல தளங்கள் ஒரு கோப்பை உள்ளே தங்கள் முக்கிய பாணியை அனைத்து காட்ட, மற்றும் அந்த கோப்பு இருக்கலாம் என, அது அந்த வழியில் நிர்வகிக்கப்படுகிறது (இந்த நான் என் சொந்த வேலை அதை செய்ய எப்படி). @import உங்களுக்கு பயனுள்ளதாக இருந்தால், அது உங்கள் பணிப்பகுதியின் பகுதியாக இருக்கலாம். இல்லையெனில், நீங்கள் உங்கள் CSS விதிகள் உங்கள் ஒற்றை நடைதாள் என்று வலைப்பக்கங்களை பாதுகாப்பாக உருவாக்க முடியும்.