5.1 குறிச்சொல்லின் நடை பண்பு
மேலும் HTML பற்றி இன்னும் சில பயனுள்ள விஷயங்கள். இணையம் பிரபலமடையத் தொடங்கியதும், வலைப்பக்கங்கள் அழகாக அல்லது மிக அழகாக வடிவமைக்கப்பட வேண்டும் என்ற தேவை அதிகரித்து வந்தது. ஐப் பயன்படுத்தி இந்த சிக்கல் தீர்க்கப்பட்டது style
.
இந்தப் பண்புக்கூறின் பொதுவான வடிவம் பின்வரும் வடிவத்தைக் கொண்டுள்ளது:
<tag style="name=value;name2=value2;nameN=valueN">
அரைப்புள்ளியால் பிரிக்கப்பட்ட பண்புக்கூறு மதிப்பு style
, குறிச்சொல்லுக்குப் பயன்படுத்தப்பட வேண்டிய அனைத்து "பாணிகளையும்" பட்டியலிடுகிறது.
நீங்கள் ஒரு படத்தை சதுரமாக காட்ட விரும்புகிறீர்கள் என்று வைத்துக்கொள்வோம், 100*100
மேலும் அதை பாதி வெளிப்படையானதாக மாற்றவும். இதைச் செய்ய, நீங்கள் அதில் சிறப்பு பாணிகளைச் சேர்க்க வேண்டும்:
- அகலம்=100px;
- உயரம்=100px;
- ஒளிபுகாநிலை=0.5;
இந்த படத்துடன் கூடிய HTML குறியீடு இப்படி இருக்கும்:
<img src="logo.png" style="width=100px;height=100px;opacity=0.5">
நூற்றுக்கணக்கான, ஆயிரக்கணக்கான பாணிகள் உள்ளன. உலாவி டெவலப்பர்கள் தொடர்ந்து புதியவற்றைக் கொண்டு வருகிறார்கள். நீங்கள் ஜாவா டெவலப்பராக படிக்கிறீர்கள், வலை வடிவமைப்பாளராக அல்ல :)
5.2 பிரபலமான CSS பாங்குகள்
உங்கள் வாழ்க்கையில் நீங்கள் நிறைய HTML குறியீட்டை எழுதுவது அல்லது அதன் பாணிகளைத் திருத்துவது சாத்தியமில்லை, ஆனால் எதுவும் நடக்கலாம். எடுத்துக்காட்டாக, நீங்கள் சோதிக்க இரண்டு சிறிய HTML பக்கங்களை எழுதுகிறீர்கள் API
. எனவே, அடிப்படை பாணிகளை அறிவது HTML
உதவியாக இருக்கும்.
பின்தள டெவலப்பர்களுக்கான 10 பொதுவானவை கீழே உள்ளன:
# | பெயர் | உதாரணமாக | விளக்கம் |
---|---|---|---|
1 | அகலம் | அகலம்: 100px | உறுப்பு அகலம் பிக்சல்களில் |
2 | உயரம் | உயரம்: 50% | உறுப்பு உயரம் சதவீதமாக (பெற்றோரின் அகலத்தில்) |
3 | காட்சி | காட்சி: இல்லை | காட்சி உறுப்பு (உறுப்பைக் காட்ட வேண்டாம்) |
4 | தெரிவுநிலை | பார்வை: மறைக்கப்பட்ட | உறுப்பு தெரிவுநிலை (உறுப்பு மறைக்கப்பட்டுள்ளது, ஆனால் அதற்கு இடம் ஒதுக்கப்பட்டுள்ளது) |
5 | நிறம் | நிறம்: சிவப்பு; | உரை நிறம் |
6 | பின்னணி நிறம் | பின்னணி நிறம்: புகை | பின்னணி நிறம் |
7 | எல்லை | கரை: 1px திட கருப்பு; | பார்டர் (அகலம் 1px, நிறம் கருப்பு, திடமான கோடு) |
8 | எழுத்துரு | எழுத்துரு: verdana 10pt | எழுத்துரு: வர்தானா, அளவு 10pt |
9 | உரை-சீரமைப்பு | text-align: மையம்; | கிடைமட்டமாக உரை சீரமைப்பு |
10 | விளிம்பு | விளிம்பு:2px | உறுப்புக்கு வெளியே திணிப்பு |
இந்த குறிச்சொற்களை நீங்கள் நினைவில் கொள்ள தேவையில்லை, எல்லாம் இணையத்தில் உள்ளது. மேலும், ஒவ்வொரு "பாணியும்" அதன் சொந்த செல்லுபடியாகும் மதிப்புகள் மற்றும் மதிப்பை விவரிப்பதற்கான அதன் சொந்த வடிவத்தைக் கொண்டுள்ளது. குறைந்தபட்சம் border
அல்லது பாருங்கள் font
.