ஒரு வலைத்தளத்தின் தோற்றம் மற்றும் உணர்வு அல்லது "பாணி" CSS (அடுக்கு நடைத்தாள்கள்) ஆணையிடப்படுகிறது. இது உங்கள் வலைத்தளத்தின் கோப்பகத்துடன் சேர்க்கும் ஒரு கோப்பாகும், இது உங்கள் CSS பக்க வடிவமைப்புகளை உருவாக்கும் பல்வேறு CSS விதிகள் கொண்டிருக்கும்.
தளங்கள் பயன்படுத்தலாம், மற்றும் பெரும்பாலும் செய்ய, பல பாணி தாள்கள் பயன்படுத்த, அது அவ்வாறு செய்ய தேவையில்லை. நீங்கள் உங்கள் CSS விதிகள் அனைத்தையும் ஒரு கோப்பில் வைக்கலாம், அவ்வாறு செய்வதற்கு நன்மைகள் உள்ளன, அவற்றில் வேகமான சுமை நேரம் மற்றும் பக்கங்களின் செயல்திறன் உள்ளிட்ட பல கோப்புகளைப் பெற வேண்டிய அவசியம் இல்லை. மிகவும் பெரியதாக இருந்தாலும், நிறுவன தளங்களுக்கு தனி பாணி தாள்கள் தேவைப்படலாம், பல சிறிய மற்றும் நடுத்தர தளங்கள் ஒரே ஒரு கோப்பில் நன்றாகச் செய்யலாம். என் வலை வடிவமைப்பு வேலைக்கு நான் பயன்படுத்துவது இதுதான் - என் பக்கங்கள் தேவைப்படும் அனைத்து விதிகள் கொண்ட ஒற்றை CSS கோப்புகளும். எனவே கேள்வி இப்போது ஆகிறது - நீங்கள் என்ன இந்த CSS கோப்பு பெயரிட வேண்டும்?
பெயரிடுவது மாநாடு அடிப்படைகள்
உங்கள் வலை பக்கங்களில் ஒரு வெளிப்புற நடை தாளை உருவாக்கும் போது, உங்கள் HTML கோப்புகளுக்கான இதே பெயரிடும் மாநாடுகள் பின்வரும் கோப்பைப் பெயரிட வேண்டும்:
சிறப்பு எழுத்துகள் பயன்படுத்த வேண்டாம்
நீங்கள் உங்கள் CSS கோப்பு பெயர்களில் கடிதங்கள் az, எண்கள் 0-9, அடிக்கோடிட்டு (_), மற்றும் ஹைபன்ஸ் (-) பயன்படுத்த வேண்டும். உங்கள் கோப்பு முறைமையை நீங்கள் மற்ற கதாபாத்திரங்களுடன் கோப்புகளை உருவாக்க அனுமதிக்கும்போது, உங்கள் சர்வர் OS சிறப்புக் கதாபாத்திரங்களுடன் பிரச்சினைகள் இருக்கலாம். இங்கு குறிப்பிடப்பட்டுள்ள எழுத்துகள் மட்டுமே பாதுகாப்பாக உள்ளன. எல்லாவற்றிற்கும் மேலாக, உங்கள் சேவையகம் சிறப்பு எழுத்துக்குறிகளை அனுமதித்தாலும், எதிர்காலத்தில் ஹோஸ்டிங் வழங்குநர்களை நகர்த்த முடிவு செய்தால் அது வழக்கு அல்ல.
எந்த இடத்தையும் பயன்படுத்த வேண்டாம்
சிறப்பு எழுத்துகள் போலவே, இடைவெளிகளும் உங்கள் இணைய சேவையகத்தில் பிரச்சினைகளை ஏற்படுத்தும். உங்கள் கோப்பு பெயர்களில் அவற்றை தவிர்க்க ஒரு நல்ல யோசனை. நான் அதே மாதிரிகள் பயன்படுத்தி PDF கள் போன்ற கோப்புகளை பெயரிட ஒரு புள்ளியில் செய்கிறேன், ஒரு வழக்கில் நான் எப்போதும் ஒரு வலைத்தளம் அவர்களை சேர்க்க வேண்டும். படிப்பதற்கு கோப்பு பெயரை எளிதாக்க உங்களுக்கு ஒரு இடம் தேவை என்று உணர்ந்தால், அதற்கு பதிலாக ஹைபன்களைத் தேர்வு செய்யவும் அல்லது அடிக்கோடிட்டுக் காட்டவும். எடுத்துக்காட்டுக்கு, "file.pdf" ஐ பயன்படுத்துவதற்குப் பதிலாக "இது-file-file.pdf" ஐ பயன்படுத்துகிறேன்.
கோப்பு பெயர் ஒரு கடிதத்துடன் ஆரம்பிக்க வேண்டும்
இது ஒரு முழுமையான தேவை இல்லை என்றாலும், சில அமைப்புகள் ஒரு கடிதத்துடன் தொடங்காத கோப்பு பெயர்களுடன் சிக்கல் உள்ளது. உதாரணமாக, உங்கள் கோப்பை எண் எழுத்துக்குறியைத் தேர்வு செய்தால், இது சிக்கல்களை ஏற்படுத்தும்.
அனைத்து லோயர் கேஸ் பயன்படுத்தவும்
ஒரு கோப்புப்பெயர் தேவை இல்லை என்றாலும், சில வலை சேவையகங்கள் வழக்கு உணர்வைக் கொண்டுள்ளன, மேலும் நீங்கள் மறந்துவிட்டால் வேறு கோப்பில் குறிப்பிட்டுள்ளால், அது ஏற்றப்படாது. என் சொந்த வேலையில், ஒவ்வொரு கோப்பு பெயரையும் நான் சிறிய கேரக்டரைப் பயன்படுத்துகிறேன். நான் உண்மையில் இந்த புதிய வலை வடிவமைப்பாளர்கள் செய்ய நினைவில் போராடி என்று ஏதாவது இருக்க வேண்டும். ஒரு கோப்பு பெயரிடும் போது அவர்களின் இயல்புநிலை நடவடிக்கை பெயர் முதல் தன்மை மூலதனமாக உள்ளது. இதைத் தவிர்க்கவும் மற்றும் ஸ்மால் பாத்திரங்களின் பழக்கத்தை மட்டுமே பெறவும்.
கோப்பு பெயரை குறுகியதாக வைத்துக்கொள்ளவும்
பெரும்பாலான இயக்க முறைமைகளில் கோப்பு பெயர் அளவு வரம்பைக் கொண்டிருக்கும் போது, இது CSS கோப்பின் பெயருக்கு நியாயமானதே. கட்டைவிரல் ஒரு நல்ல விதி நீட்டிப்பு உட்பட கோப்பு பெயர் 20 க்கும் மேற்பட்ட எழுத்துக்கள் இல்லை. யதார்த்தமாக, அதை விட மிக அதிகமாக எதையும் பணிபுரியும் மற்றும் எப்படியாவது இணைந்திருப்பது!
உங்கள் CSS கோப்பு பெயர் மிக முக்கியமான பகுதி
CSS கோப்பு பெயரில் மிக முக்கியமான பகுதி கோப்பு பெயர் அல்ல, ஆனால் நீட்டிப்பு. மேகிண்டோஷ் மற்றும் லினக்ஸ் கணினிகளில் நீட்டிப்புகள் தேவையில்லை, ஆனால் ஒரு CSS கோப்பை எழுதுகையில் எப்போது வேண்டுமானாலும் சேர்க்கலாம். அந்த வழியில் நீங்கள் எப்போதும் ஒரு நடை தாள் என்று தெரியும் மற்றும் அது எதிர்காலத்தில் என்ன என்பதை தீர்மானிக்க கோப்பை திறக்க வேண்டும்.
இது அநேகமாக ஒரு பெரிய ஆச்சரியம் இல்லை, ஆனால் உங்கள் CSS கோப்பில் நீட்டிப்பு இருக்க வேண்டும்:
.cssCSS கோப்பு பெயரிடும் மாநாடுகள்
நீங்கள் மட்டும் தளத்தில் ஒரு CSS கோப்பு இருந்தால், நீங்கள் என்ன அதை பெயரிட முடியும். நான் விரும்புகிறேன்:
styles.css அல்லது default.cssநான் வேலை செய்யும் பெரும்பாலான தளங்களில் ஒற்றை CSS கோப்புகளை உள்ளடக்கியிருப்பதால், இந்த பெயர்கள் எனக்கு நன்றாக வேலை செய்கின்றன.
உங்கள் வலைத்தளமானது பல CSS கோப்புகளை பயன்படுத்தும் எனில், அவற்றின் செயல்பாட்டிற்குப் பிறகு, ஸ்டைல் ஷீட்களைப் பெயரிடவும், ஒவ்வொரு கோப்பின் நோக்கமும் என்னவென்பது தெளிவாக உள்ளது. ஒரு வலைப்பக்கத்தில் அவர்களுக்கு இணைக்கப்பட்டுள்ள பல பாணி தாள்கள் இருப்பதால், அந்த பாணியின் செயல்பாடு மற்றும் அதன் பாணியைப் பொறுத்து உங்கள் பாணிகளை வெவ்வேறு தாள்களாக பிரிக்க உதவுகிறது. உதாரணத்திற்கு:
- லேஅவுட் Vs வடிவமைப்பு layout.css design.css
- பக்கம் பிரிவுகள் main.css nav.css
- துணை பிரிவுகள் mainstyles.css subpage.css முழு தளம்
உங்கள் வலைத்தளம் சில வகையான கட்டமைப்பைப் பயன்படுத்தினால், அது பல CSS கோப்புகளை பயன்படுத்துவதை கவனிக்கும், ஒவ்வொன்றும் பக்கங்கள் அல்லது தளத்தின் பல்வேறு பகுதிகள் (அச்சுக்கலை, வண்ணம், வடிவமைப்பு, முதலியன) அர்ப்பணிக்கப்படும்.
ஜெனிபர் கிரைனின் அசல் கட்டுரை. 9/5/17 அன்று ஜெர்மி ஜிரார்ட் திருத்தப்பட்டது