वर्ग विशेषता

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">

आम्ही येथे निवडकर्त्यांना स्पर्श केल्याचे एक कारण म्हणजे ते स्वयंचलितपणे लागू केले जाऊ शकतात. आणि ही उपयुक्त मालमत्ता भविष्यात खूप वेळा वापरली जाईल. Java विकासकांसह.

त्यांची एक छोटी यादी येथे आहे:

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

तुम्हाला हे सर्व लक्षात ठेवण्याची गरज नाही. परंतु आपण या तक्त्याचा एक दोन वेळा अभ्यास केला आणि हे सर्व आपल्या डोक्यात जमा केले तर चांगले होईल. आधुनिक जीवनात वेबशिवाय, कोठेही नाही आणि वेबवर - निवडकर्त्यांशिवाय कोठेही नाही.