CSS தேர்வாளர்கள் உள்ள கமா என்ன?

ஏன் எளிய கோமா குறியீட்டு முறையை எளிதாக்குகிறது

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

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

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

கமாக்கள் மற்றும் CSS

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

உதாரணமாக, சில CSS கீழே பார்க்கலாம்.

th {color: red; }
td {color: red; }
p.red {color: red; }
div # firstred {color: red; }

இந்த தொடரியுடன், நீங்கள் குறிச்சொற்களை, td குறிச்சொற்களை, வர்க்கம் சிவப்பு, மற்றும் ஐடி கொண்ட டி.வி. குறிச்சொல் பாணி வண்ண சிவப்பு வேண்டும் அனைத்து firsted வேண்டும் என்று சொல்கிறாய்.

இது செய்தபின் ஏற்றுக்கொள்ளக்கூடிய CSS ஆகும், ஆனால் இதை எழுதுவதற்கு இரண்டு முக்கியமான குறைபாடுகள் உள்ளன:

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

இந்த குறைபாடுகளை தவிர்க்க, மற்றும் உங்கள் CSS கோப்பை சீராக்க, நாம் காற்புள்ளிகளை பயன்படுத்தி முயற்சிக்கும்.

தனிப்பயன் தேர்வாளர்களுக்கு கமாக்களைப் பயன்படுத்துதல்

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

th, td, p.red, div # firstred {color: red; }

இந்த கதாபாத்திரம் அடிப்படையில் தேர்ந்தெடுக்கப்பட்டவருக்குள் "மற்றும்" என்ற வார்த்தையாக செயல்படுகிறது. எனவே இது t h குறிச்சொற்கள் மற்றும் td குறிச்சொற்களை மற்றும் வர்க்கம் சிவப்பு மற்றும் ஐடி உடன் டிஐடி டேக் முன்னால் குறிச்சொற்களை பொருந்தும். இது நமக்கு முன்னால் இருந்ததை விட, ஆனால் அதற்கு பதிலாக 4 CSS விதிகள் தேவை, நாம் பல தேர்வாளர்களுடன் ஒரு விதி உள்ளது. இந்த தேர்வுக்குழு உள்ளமைவு என்னவென்றால், அது ஒரு ஆட்சியில் பல தேர்வாளர்களை அனுமதிக்கிறது.

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

தொடரியல் மாறுபாடு

சிலர் மேலோட்டமாக ஒரு வரியில் ஒவ்வொரு எழுத்தும் எழுதுவதற்குப் பதிலாக, அதன் சொந்த வரிசையில் ஒவ்வொரு தேர்வாளரையும் பிரிப்பதன் மூலம் CSS இன்னும் தெளிவுபடுத்திக்கொள்ளத் தேர்வு செய்கிறார்கள். இது எப்படி நடக்கும் என்பதுதான்:

வது,
TD,
p.red,
கிராம # firstred
{
நிறம்: சிவப்பு;
}

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

உங்கள் தேர்வுக்குழுக்களுக்கு இடையே உள்ள காம்களைப் பயன்படுத்துவதன் மூலம், எதிர்காலத்தில் மேம்படுத்த எளிதானது, மேலும் இன்று படிப்பது எளிது!

ஜெனிபர் கிரைனின் அசல் கட்டுரை. 5/8/17 அன்று ஜெர்மி ஜாராரால் திருத்தப்பட்டது