CSS பண்புக்கூறு தேர்வாளர்களின் வகைகள் - செமால்ட் நிபுணர்

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

பண்புக்கூறு தேர்வாளர்களின் வகைகள்

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

CSS [பண்புக்கூறு | = "மதிப்பு"] தேர்வாளர் ஒரு குறிப்பிட்ட பண்பைக் கொண்ட கூறுகளை முன்னிலைப்படுத்துகிறார், மேலும் இது வரையறுக்கப்பட்ட மதிப்புடன் தொடங்குகிறது.

CSS [பண்பு ~ = "மதிப்பு"] ஒரு குறிப்பிட்ட வார்த்தையைக் கொண்ட சொத்து மதிப்பைக் கொண்ட கூறுகளைக் கண்டறிய தேர்வாளர் பயன்படுத்தப்படுகிறது.

CSS [பண்பு ^ = "மதிப்பு"] ஒரு குறிப்பிட்ட மதிப்புடன் பிச்சை எடுக்கும் சொத்து மதிப்புள்ள கூறுகளை தேர்வாளர் காண்கிறார். மதிப்பு என்பது முழு வார்த்தையும் அவசியமில்லை.

CSS [பண்புக்கூறு $ = "மதிப்பு"] தேர்ந்தெடுக்கப்பட்ட மதிப்புடன் முடிவடையும் பண்புக்கூறு மதிப்பைக் கொண்ட கூறுகளை தேர்வாளர் கண்டுபிடிப்பார்.

CSS பண்புக்கூறு தேர்வாளர்களின் பயன்பாடுகள்

உலகளாவிய, வகுப்பு அல்லது ஐடி தேர்வாளரைப் பயன்படுத்துவதற்குப் பதிலாக பண்புக்கூறு தேர்வாளரைப் பயன்படுத்த பல்வேறு வழிகள் உள்ளன

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

ஸ்டைலிங் வடிவங்கள்

வகுப்பு அல்லது ஐடி இல்லாமல் படிவங்களை ஸ்டைலிங் செய்யும் போது பண்புக்கூறு தேர்வாளர்கள் மிகவும் பயனுள்ளதாக இருக்கும்.

நடை இணைப்புகள்

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

எல்லை உள்ளீடுகள்

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

ஸ்டைலிங் வண்ணங்கள்

CSS பண்புக்கூறு தேர்வாளர்கள் குறிப்பிட்ட வண்ண மதிப்பைக் கொண்ட அனைத்து கூறுகளையும் பாணியை எளிதாக்குகிறார்கள். நீங்கள் வண்ணச் சொல், RGB (), RGBA (), HSL () மற்றும் HSLA () குறியீடுகளைப் பயன்படுத்தலாம். RGBA வண்ண மதிப்புகள் ஒரு வண்ணத்தின் ஒளிபுகாநிலையை வரையறுக்கும் சேனலுடன் RGB வண்ண மாதிரியின் நீட்டிப்பாகும். அளவுருக்கள் மதிப்பு 1.0 (ஒளிபுகா from முதல் 0.0 வரை (வெளிப்படையானது)

எச்.எஸ்.எல் வண்ண மாதிரி (Hue_saturation_Lightness) என விளக்கப்பட்டுள்ளது. சாயல் பிரதிநிதித்துவம் கோணம் (0-360) அல்லது வண்ண சக்கரம் வடிவத்தில் உள்ளது. செறிவு மற்றும் இலேசானது சதவீதங்களாக அளவிடப்படுகிறது 0% செறிவு நிழல் அல்லது சாம்பல் நிறத்தை குறிக்கிறது, 100 முழு நிறத்தை குறிக்கிறது. 100% இலேசானது வெள்ளை நிறத்தையும் 0% கருப்பு நிறத்தையும் குறிக்கிறது.