இன்லைன், உட்பொதிக்கப்பட்ட மற்றும் வெளிப்புற பாணி தாள்கள்: இங்கே நீங்கள் தெரிந்து கொள்ள வேண்டியது
முன்னணி-முடிவு வலைத்தள வளர்ச்சி பெரும்பாலும் 3-கால் முள்ளென்றாக குறிப்பிடப்படுகிறது. இந்த கால்கள் பின்வருமாறு:
இந்த மலையின் இரண்டாம் பகுதி, CSS அல்லது விழுத்தொடர் நடைத்தாள்கள், இன்று நாம் இங்கே பார்க்கிறோம். குறிப்பாக, நாங்கள் ஒரு ஆவணத்தில் சேர்க்க முடியும் பாணிகளை 3 வகையான உரையாற்ற வேண்டும்.
- இன்லைன் வடிவங்கள்
- உட்பொதிக்கப்பட்ட பாணிகள்
- வெளிப்புற பாணிகள்
இந்த வகையான CSS பாணிகளில் ஒவ்வொன்றும் அவற்றின் நன்மைகள் மற்றும் குறைபாடுகள் உள்ளன, எனவே ஒவ்வொன்றிலும் ஒவ்வொன்றிலும் ஒரு ஆழமான தோற்றத்தை எடுத்துக்கொள்வோம்.
இன்லைன் பாங்குகள்
இன்லைன் பாணிகளை HTML ஆவணத்தில் குறியில் நேரடியாக எழுதப்பட்ட பாணியாகும். இன்லைன் ஸ்டைல்கள் அவை குறிப்பிட்ட குறிப்பிற்கு மட்டுமே பொருந்தும். இங்கே ஒரு நிலையான இணைப்பு, அல்லது நங்கூரம், குறிச்சொல் பயன்படுத்தப்படும் ஒரு இன்லைன் பாணி ஒரு உதாரணம்:
இந்த CSS விதி, இந்த ஒரு இணைப்புக்கான வழக்கமான அடிக்கோடு உரை அலங்காரத்தை மாற்றிவிடும். இருப்பினும், பக்கத்தில் வேறு எந்த இணைப்பை மாற்ற முடியாது. இது இன்லைன் பாணிகளின் வரம்புகளில் ஒன்றாகும். ஒரு குறிப்பிட்ட உருப்படியை மட்டும் மாற்றிவிட்டால், நீங்கள் ஒரு உண்மையான பக்கம் வடிவமைப்பை அடைவதற்கு இந்த பாணிகளை உங்கள் HTML ஐ பயன்படுத்த வேண்டும். அது ஒரு சிறந்த நடைமுறை அல்ல. உண்மையில், இது "எழுத்துரு" குறிச்சொற்களை மற்றும் இணைய பக்கங்களில் கட்டமைப்பு மற்றும் பாணியின் கலவையின் நாட்களில் இருந்து ஒரு படி நீக்கப்பட்டது.
இன்லைன் வடிவங்களில் மிக உயர்ந்த தன்மை உள்ளது.
இது பிற, அல்லாத இன்லைன் பாணியுடன் மேலெழுதும் மிக கடினமானதாகிறது. உதாரணமாக, நீங்கள் ஒரு தளம் பதிலளிக்க மற்றும் ஒரு உறுப்பு ஊடக கேள்விகளுக்கு பயன்படுத்தி சில முறிவு புள்ளிகள் எப்படி மாற்ற வேண்டும் என்றால், ஒரு உறுப்பு இன்லைன் பாணியை செய்ய இது மிகவும் கடினமாக செய்யும்.
இறுதியில், இன்லைன் பாணியை மிகவும் குறைவாக பயன்படுத்த போது உண்மையில் மட்டுமே பொருத்தமான.
உண்மையில், என் வலைப்பக்கங்களில் இன்லைன் பாணிகளை நான் எப்பொழுதும் பயன்படுத்துவதில்லை.
உட்பொதிக்கப்பட்ட பாங்குகள்
பதிக்கப்பட்ட பாணிகள் ஆவணத்தின் தலைப்பில் உட்பொதிக்கப்பட்ட பாணியாகும். உட்பொதிக்கப்பட்ட பாணியை அவர்கள் உட்பொதியப்பட்ட பக்கத்தில் உள்ள குறிச்சொற்களை மட்டும் பாதிக்கின்றன. மீண்டும், இந்த அணுகுமுறை CSS இன் பலத்தின் ஒரு பகுதியை எதிர்க்கிறது. ஒவ்வொரு பக்கத்திலும் பாணியைக் கொண்டிருக்கும் என்பதால்
, சிவப்பு நிறத்திலிருந்து பச்சை நிறத்தை மாற்றுவதைப் போல, ஒரு sitewide மாற்றம் செய்ய விரும்பினால், ஒவ்வொரு பக்கத்திலும் ஒரு பதிக்கப்பட்ட நடை தாளைப் பயன்படுத்துவதால் ஒவ்வொரு பக்கத்திலும் இந்த மாற்றத்தை நீங்கள் செய்ய வேண்டும். இது இன்லைன் பாணியை விட சிறந்தது, ஆனால் பல சந்தர்ப்பங்களில் இன்னும் சிக்கலானது.
சேர்க்கப்படும் ஸ்டைல்ஷீட்ஸ்
ஒரு ஆவணத்தின் மேலும் அந்த பக்கத்திற்கு மார்க்அப் குறியீட்டை குறிப்பிடத்தக்க அளவை சேர்க்கிறது, இது எதிர்காலத்தில் நிர்வகிக்க பக்கத்தைக் கடினமாக்குகிறது.
உட்பொதிக்கப்பட்ட பாணி தாள்களின் பயன் என்பது பிற வெளிப்புற கோப்புகளை ஏற்றுவதற்குப் பதிலாக, உடனடியாக பக்கத்துடன் உடனடியாக சுமை ஆகும். இது ஒரு பதிவிறக்க வேகம் மற்றும் செயல்திறன் முன்னோக்கு நன்மை இருக்க முடியும்.
புற நடைத்தாள்கள்
பெரும்பாலான வலைத்தளங்கள் இன்று வெளிப்புற பாணி தாள்களைப் பயன்படுத்துகின்றன. வெளிப்புற பாணிகள் ஒரு தனி ஆவணத்தில் எழுதப்பட்டு, பின்னர் பல இணைய ஆவணங்களுடன் இணைக்கப்பட்டுள்ளன. புற ஸ்டைல் ஷீட்கள் அவை இணைக்கப்பட்டுள்ள எந்த ஆவணத்தையும் பாதிக்கக்கூடும், இதன் அர்த்தம் ஒவ்வொரு பக்கமும் ஒரே பாணியைப் பயன்படுத்தும் (இது வழக்கமாக எவ்வாறு செய்யப்படுகிறது) ஒரு 20-பக்க வலைத்தளம் இருந்தால், நீங்கள் ஒவ்வொன்றிற்கும் ஒரு காட்சி மாற்றம் செய்யலாம் அந்த பக்கங்களில் வெறுமனே அந்த நடை தாளை திருத்துவதன் மூலம்.
இந்த நீண்ட கால தளம் மேலாண்மை மிகவும் எளிதாக செய்கிறது.
வெளிப்புற பாணி தாள்கள் எதிர்மறையாக அவர்கள் வெளிப்புற கோப்புகளை பெற மற்றும் ஏற்றும் பக்கங்கள் தேவை என்று ஆகிறது. ஒவ்வொரு பக்கமும் CSS தாளில் ஒவ்வொரு பாணியும் பயன்படுத்தாது, பல பக்கங்கள் ஏறக்குறைய ஒரு பெரிய CSS பக்கத்தை உண்மையில் தேவைப்படும் விட ஏற்றும்.
இது வெளிப்புற CSS கோப்புகளை ஒரு செயல்திறன் ஹிட் உள்ளது என்பது உண்மை என்றாலும், அது நிச்சயமாக குறைக்க முடியும். உண்மையில், CSS கோப்புகள் தான் உரை கோப்புகள், எனவே அவை பொதுவாக தொடங்குவதற்கு மிகப்பெரியதாக இல்லை. உங்கள் முழு தளம் 1 CSS கோப்பைப் பயன்படுத்தினால், அது ஆரம்பத்தில் ஏற்றப்பட்ட பிறகு, அந்த ஆவணத்தின் பயன் கிடைக்கும்.
இது முதல் பக்கம் சில வருகைகள் ஒரு சிறிய செயல்திறன் ஹிட் இருக்க முடியும் என்று அர்த்தம், ஆனால் அடுத்தடுத்த பக்கங்கள் தற்காலிக சேமிப்பில் CSS கோப்பு பயன்படுத்தும், எந்த ஹிட் எதிர்மறை என்று. புற CSS கோப்புகள் நான் எனது வலைப்பக்கங்களை எப்படி உருவாக்குவது.