CSS ஐ தேர்வுக்குழு, வடிவமைத்தல் HTML ஆவண அதன் பங்கு

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

CSS இல் தேர்வாளர்கள் வகையான

இது உறுப்பு HTML வடிவமைக்கப்பட்ட பயன்படுத்தப்படும் பொறுத்து, CSS ஐ தேர்வுக்குழு கீழே உள்ள தொகுதிகள் ஒன்றில் தொடர்பு இருக்கலாம்:

• டேக் தேர்வுக்குழு;
• வர்க்கம் தேர்வுக்குழு;
• ஐடி-தேர்வுக்குழு;
• தேர்வுக்குழு காரணம் காட்டுகிறார்கள்.

டேக் தேர்வுக்குழு

இது "வகை தேர்வுக்குழு" அல்லது "உறுப்பு" என்று ஏனெனில் இது மிகவும் எளிய மற்றும் பொதுவானது. அவரது CSS ஐ ஆவணமாக நாங்கள் விவரிக்கும் HTML கோப்பு மூலகங்களை பெயர்களாகும். உதாரணமாக, நாம் பத்தி பாணி அமைக்க வேண்டும் என்றால், நாம் பண்புகள் மற்றும் உறுப்பு ப {பின்னணி தங்கள் மதிப்புகள் குறிப்பிடவும்: x; நிறம்: ஆ; அளவு: z} என்பதில். இந்த வழக்கில், வலைப்பக்கத்தில் அனைத்து பத்திகள் அதே வடிவமைப்பில் வேண்டும் (பின்னணி நிறம், உரை அளவு, மற்றும் பல. டி).

வர்க்கம் தேர்வுக்குழு

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

p.first {நிறம்: இந்த வழக்கில் CSS ஐ ஆவணம் பின்வரும் படிவத்தின் உள்ளீட்டை இது கொண்டிருக்கக்கூடும் என்று x; எழுத்துரு அளவு: ஆ}. இவ்வாறு, நாம் "color" மற்றும் "அளவு" மட்டுமே முதல் வகுப்பு பத்தி க்கான பண்புகள் வரையறுக்கின்றன.

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

தேர்வி ஐடி

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

பின்னர் ஒரு HTML-ஆவணத்தில் தலைப்பு H1 அடையாளங்காட்டி, அத்தகைய articlename ஒதுக்க. மற்றும் CSS-கோப்பில், பாணி குறிப்பிட ஐடி பெயர் கிரில் சேர்த்து: #articlename {நிறம்: நீலம்; உரை சீரமைப்பு: மையம்}. இப்போது எங்கள் தலைப்பு நிறம் நீலம் மற்றும் மையமாக வேண்டும்.

மேலே வகையான ஒவ்வொரு "ஒரு எளிய CSS-தேர்வுக்குழு" என்று கூறலாம். ஒற்றுமையான கூறுகள் ஒன்றாக (எ.கா., அனைத்து கட்டுரையின் பத்திகள்), ஒரு வகுப்பு (உதாரணமாக, முதல் பத்தி) அல்லது ஒரு குறிப்பிட்ட உருப்படி (உதாரணமாக, கட்டுரை தலைப்பு): அவர்கள் HTML ஆவண ஒரு குறிப்பிட்ட பாராமீட்டர் வடிவமைத்தல் வரையறுக்கின்றன.

காரணம் தேர்வாளர்கள்

விண்ணப்ப பாணிகள் மிகவும் சிக்கலான முறை - மேலே கூடுதலாக, ஒரு CSS தேர்வாளர்கள் பண்புகளை உள்ளது. அது தேர்ந்தெடுக்கப்பட்டுள்ளன பண்பு அல்லது மதிப்பில் HTML வடிவத்தில் உறுப்புகள் அனுமதிக்கிறது. இந்த தேர்வுக்குழு பல வகைகள் உள்ளன:

• பண்பு முன்னிலையில்;
• அதன் சரியான மதிப்பு;
• பகுதியளவு பண்புக்கூறுத் மதிப்பு;
• அதன் குறிப்பிட்ட மதிப்பு.

எங்களுக்கு இந்த இனங்கள் ஒவ்வொன்றிற்கும் சிந்திக்கலாம்:

1. முதல் வழக்கு. வடிவமைத்தல் ஒரு குறிப்பிட்ட பண்பு HTML குறியீடு தற்போது என்றால் (இது ஒரு ப, கிராம, தலைப்பு, முதலியன இருக்கலாம்) பயன்படுத்தப்படுகின்றன. அது இல்லை என்றால், அது பாணி அனைத்து கூறுகளையும் ஒரு பொதுவான பயன்படுத்துகிறது. உதாரணமாக, தலைப்பு கொண்ட தனிமங்கள் (கருவி முனை).
2. இரண்டாவது வழக்கு. பாணி மட்டுமே கற்பிதம் என்பது மதிப்புகளின் ஒரு சரியான போட்டியிடுமாறு என்று HTML-கூறுகள் பொருந்தும். உதாரணமாக, வகை பண்பு மதிப்பு சமர்ப்பிக்க சமமாய் உள்ளீடு உறுப்புகள்,.
3. மூன்றாவது வழக்கு. வடிவம் கீழ் ஒரு குறிப்பிட்ட வார்த்தை இருக்கும் மதிப்புகள் பட்டியலில் உருப்படிகளை சேர்க்க மட்டும் வேண்டும். உதாரணமாக, கூறுகள் கிராம பக்கப்பட்டியில் பண்பு "வர்க்கம்".
4. நான்காவது வழக்கு. பாணி யாருடைய குறிப்பிட்ட பண்பு ஒரு குறிப்பிட்ட மதிப்பு உள்ளது HTML ஆவண, அந்த உறுப்புகள் வரையறுக்கப்பட்ட, அவருடன் தொடங்குகிறது. உதாரணமாக, அனைத்து கூறுகளையும் குறிப்பிட்ட நிறத்தின் பயன்பாடானது ஆங்கில மொழியை பண்பு (இது இல், ta-ரஸ், ta-ஓ மற்றும் t. டி இருக்கலாம்).

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