తరగతి లక్షణం

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;
}

మీరు అవన్నీ గుర్తు పెట్టుకోవాల్సిన అవసరం లేదు. అయితే మీరు ఈ పట్టికను రెండుసార్లు అధ్యయనం చేసి, ఇవన్నీ మీ తలలో నిక్షిప్తం చేస్తే బాగుంటుంది. ఆధునిక జీవితంలో వెబ్ లేకుండా, ఎక్కడా, మరియు వెబ్‌లో - సెలెక్టర్లు లేకుండా ఎక్కడా లేదు.