வர்க்க பண்பு

6.1 வகுப்பு பண்புக்கூறு மற்றும் பாணி குறிச்சொல்

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

"வகுப்புகளை" பயன்படுத்துவதற்கு முன்பு உங்களிடம் ஒரு படம் இருந்தால்:

<img src="logo.png" style="width=100px;height=100px;opacity=0.5">

இப்போது அதை இவ்வாறு எழுதலாம்:

<img src="logo.png" class="picture">

<style>
    img.picture {
        width=100px;
        height=100px;
        opacity=0.5
    }
</style>

நாங்கள் ஒரு சிறப்பு ஒன்றை உருவாக்கி «style» picture, பாணி மதிப்புகளை இலிருந்து மாற்றினோம் style. பின்னர் <img> மற்றும் "ஸ்டைல்" படத்தை குறிச்சொல்லுடன் கட்டினோம் class.

6.2 தேர்வி, தேர்விகளின் வகைகள்

classesஇந்த பாணிகள், தனித்தனியாக வழங்கப்படுகின்றன, அல்லது என அறியப்பட்டன selectors. அவை பல முக்கியமான அம்சங்களைக் கொண்டுள்ளன.

ஒருவர் html-elementபல தேர்வாளர்களைக் கொண்டிருக்கலாம். அவர்களின் பெயர்கள் இடைவெளியுடன் குறிக்கப்பட்டுள்ளன. உதாரணமாக:

<img src="logo.png" class="picture main">

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

அவற்றின் குறுகிய பட்டியல் இங்கே:

* {
  margin: 0;
  padding: 0;
}

#img123 {
   width:100px;
   height 100px;
}

table {
   color: black;
}

table.important {
   color: red;
}

.picture {
  opacity: 0.5
}

main article {
  color: blue;
}

a:link {
color: blue;
}

a:visited {
color: red;
}

input[type=radio]:checked {
 border: 1px solid black;
}

div:hover {
  background: red;
}

ul li:first-child {
 border-top: none;
}

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