CSS எழுத்துரு குறுக்குப் பண்பு
குறியீட்டைக் குறைக்க, அனைத்து தனிப்பட்ட எழுத்துரு பண்புகளையும் ஒரு அறிவிப்பில் குறிப்பிட முடியும்.
CSS எழுத்துரு பண்பு பின்வருவனவற்றிற்கான ஒரு குறுக்குப் பண்பாகும்:
CSS எழுத்துரு குறுக்குப் பண்பு விதிகள்
முக்கிய விதிகள்:
font-size மற்றும் font-family மதிப்புகள் தேவைப்படுகின்றன. மற்ற மதிப்புகளில் ஒன்று காணவில்லை என்றால், அவற்றின் இயல்புநிலை மதிப்புகள் பயன்படுத்தப்படும்.
வரையறுக்கப்பட்டால், font-style, font-variant மற்றும் font-weight ஆகியவை font-sizeக்கு முன்னால் இருக்க வேண்டும்.
வரையறுக்கப்பட்டால், line-height உடனடியாக font-size ஐத் தொடர வேண்டும், முன்னால் "/" உடன், இது போன்றது: 15px/30px.
font-family குறிப்பிடப்பட்ட கடைசி மதிப்பாக இருக்க வேண்டும்.
கவனிக்க:
மதிப்புகளின் வரிசை மிகவும் முக்கியமானது. தவறான வரிசையானது CSS விதியை முறிவுறச் செய்யலாம் அல்லது எதிர்பாராத முடிவுகளை உருவாக்கலாம்.
எடுத்துக்காட்டுகள்
பல எழுத்துரு பண்புகளை ஒரு அறிவிப்பில் அமைக்க எழுத்துரு குறுக்குப் பண்பைப் பயன்படுத்தவும்:
எடுத்துக்காட்டு 1: அடிப்படை குறுக்கு
p.a {
font: 20px Arial, sans-serif;
}இந்த எடுத்துக்காட்டு font-size மற்றும் font-family மட்டுமே குறிப்பிடுகிறது. மற்ற அனைத்து பண்புகளும் அவற்றின் இயல்புநிலை மதிப்புகளை எடுக்கும்.
எடுத்துக்காட்டு 2: பாணி மற்றும் எடையுடன்
p.b {
font: italic bold 16px Arial, sans-serif;
}இங்கே font-style (italic), font-weight (bold), font-size (16px), மற்றும் font-family (Arial, sans-serif) ஆகியவை ஒரே வரியில் குறிப்பிடப்படுகின்றன.
எடுத்துக்காட்டு 3: முழுமையான குறுக்கு
p.c {
font: italic small-caps bold 15px/30px Georgia, serif;
}இந்த எடுத்துக்காட்டில் font-style (italic), font-variant (small-caps), font-weight (bold), font-size/line-height (15px/30px), மற்றும் font-family (Georgia, serif) ஆகிய அனைத்தும் அடங்கும்.
குறுக்கு பயன்பாட்டு உதவிக்குறிப்பு:
குறுக்குப் பண்பைப் பயன்படுத்தும்போது, மதிப்புகளின் வரிசை மிகவும் முக்கியமானது. இந்த வரிசையை நினைவில் கொள்ள ஒரு எளிய வழி: "Style Variant Weight Size/Height Family" (SVW S/H F).
CSS எழுத்துரு பண்பு பயிற்சி
எழுத்துரு குறுக்குப் பண்பு பயன்படுத்தும் போது எந்த இரண்டு எழுத்துரு பண்பு மதிப்புகள் தேவைப்படுகின்றன?
எழுத்துரு குறுக்குப் பண்பு பயன்படுத்தும் போது எந்த இரண்டு எழுத்துரு பண்பு மதிப்புகள் தேவைப்படுகின்றன?
அனைத்து CSS எழுத்துரு பண்புகள்
CSS இல் உள்ள முக்கிய எழுத்துரு பண்புகளின் முழுமையான பட்டியல்:
| பண்பு | விளக்கம் |
|---|---|
| font | ஒரு அறிவிப்பில் அனைத்து எழுத்துரு பண்புகளையும் அமைக்கிறது |
| font-family | உரைக்கான எழுத்துரு குடும்பத்தைக் குறிப்பிடுகிறது |
| font-size | உரையின் எழுத்துரு அளவைக் குறிப்பிடுகிறது |
| font-style | உரைக்கான எழுத்துரு பாணியைக் குறிப்பிடுகிறது |
| font-variant | உரை ஒரு சிறிய-தலைப்பு எழுத்துருவில் காட்டப்பட வேண்டுமா இல்லையா என்பதைக் குறிப்பிடுகிறது |
| font-weight | எழுத்துருவின் எடையைக் குறிப்பிடுகிறது |
செயல்திறன் நன்மை:
குறுக்குப் பண்புகளைப் பயன்படுத்துவது CSS கோப்பு அளவைக் குறைக்கிறது மற்றும் பாகுபடுத்தும் நேரத்தைக் குறைக்கிறது. இந்த தேர்வுமுறை வேகமான பக்க ஏற்றங்களுக்கும் மேம்பட்ட வலைத்தள செயல்திறனுக்கும் பங்களிக்கிறது.
மதிப்பு வரிசை ஆர்ப்பாட்டம்
எழுத்துரு குறுக்குப் பண்புக்கான சரியான மதிப்பு வரிசை:
சரியானது ✓
font: italic small-caps bold 16px/24px Arial, sans-serif;வரிசை: style → variant → weight → size/line-height → family
தவறானது ✗
font: Arial, sans-serif 16px italic bold;வரிசை தவறானது: family முதலில் வந்தது, size பிறகு வந்தது
பொதுவான தவறுகள்:
1. font-family ஐ font-sizeக்கு முன் வைத்தல்
2. line-height ஐ "/" இல்லாமல் font-size க்குப் பிறகு வைத்தல்
3. கட்டாய மதிப்புகளைத் தவிர்த்தல் (font-size அல்லது font-family)