CSS இன் இன்லைன் பாங்குகள் இன் நன்மைகள் மற்றும் குறைபாடுகள்

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

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

ஒரு இன்லைன் ஸ்டைல் ​​எழுதுவது எப்படி

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

பின்னணி: #ccc; நிறம்: #fff; எல்லை: திட கருப்பு 1px;

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

இந்த எடுத்துக்காட்டில், இந்த குறிப்பிட்ட பத்தி ஒரு ஒளி சாம்பல் பின்னணியுடன் (அதாவது என்னவென்றால் #ccc வழங்குவது), கருப்பு உரை (# 000 வண்ணத்திலிருந்து), மற்றும் ஒரு பக்கத்தின் நான்கு பக்கங்களிலும் 1-பிக்சல் திட கருப்பு எல்லை .

இன்லைன் பாணியின் நன்மைகள்

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

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

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

இன்லைன் பாங்குகள் குறைபாடுகள்

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

நீங்கள் இன்லைன் பாணிகளை மட்டுமே பயன்படுத்த வேண்டும் என்றால், உங்கள் ஆவணங்கள் விரைவாக நிற்கும் மற்றும் பராமரிக்க மிகவும் கடினமாகிவிடும். இன்லைன் பாணியை நீங்கள் விரும்பும் ஒவ்வொரு உறுப்புக்கும் பயன்படுத்த வேண்டும் என்பதால் இது தான். உங்கள் அனைத்து பத்திகள் எழுத்துரு குடும்பம் "ஏரியல்" வேண்டும் என்றால் , நீங்கள் உங்கள் ஆவணத்தில் ஒவ்வொரு

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

உண்மையாக, இது வலை வடிவமைப்பில் பின்தங்கிய ஒரு படியாகும் - குறியீட்டின் நாட்களுக்கு பின்!