CSS चयनकर्ता वर्ग र आईडी बीच के भिन्नता छ? HTML मा आईडी र क्लास प्रयोग

CSS चयनकर्ता वर्ग र आईडी बीच के भिन्नता छ? HTML मा आईडी र क्लास प्रयोग

चेन वेइलियाङले हालै वेबसाइटको वर्डप्रेस थिमलाई अनुकूलन गर्दै SEO मा काम गरिरहेका छन् ।

यद्यपि मैले पहिले केही आधारभूत HTML र CSS ज्ञान सिकेको छु, तर मैले यसलाई केही समयको लागि सञ्चालन गरेको छैन, विशेष गरी CSS भाग प्रयोग, यो बिर्सन सजिलो छ।

त्यसोभए, CSS चयनकर्ता आईडी र कक्षाको भिन्नता र प्रयोगलाई यहाँ रेकर्ड गर्नुहोस् र संक्षेप गर्नुहोस्:

• id #div सँग मेल खान्छ
• कक्षा .div सँग मेल खान्छ

आईडी र वर्ग बीचको भिन्नता

आईडी विवरण

• आईडी एक निश्चित ट्याग हो, जुन वेब पृष्ठमा ठूलो शैली परिभाषित गर्न प्रयोग गरिन्छ, जुन #div को रूपमा परिभाषित गरिएको छ।
• उदाहरणका लागि: स्तम्भहरू, माथि, शरीर, तल, आदि विभाजन गर्दै...
• यो एक विशिष्ट तत्व परिभाषित गर्न प्रयोग गरिन्छ, जुन प्रति पृष्ठ एक पटक मात्र देखा पर्न सक्छ र बारम्बार बोलाउन सकिदैन।

वर्ग विवरण

• वर्ग एक शैली समूह हो, जुन वेब पृष्ठमा विस्तृत शैलीहरू परिभाषित गर्न प्रयोग गरिन्छ। यो .div को रूपमा परिभाषित गरिएको छ र दोहोर्याउन सकिन्छ।
• उदाहरण को लागी: एक विशिष्ट मेनु, पाठ को एक लाइन, आदि ...
• एउटै पृष्ठमा, यसलाई धेरै तत्वहरू द्वारा बारम्बार कल गर्न सकिन्छ

div चयनकर्तासँग आफैंमा गुणहरू छैनन्। यसको css परिभाषित गरेर, यसले div को चौडाइ, उचाइ, पृष्ठभूमि रङ र पाठ आकार जस्ता केही लेआउटहरू नियन्त्रण गर्दछ।

वेबसाइट निर्माण कार्यक्रमहरूद्वारा उत्पन्न हुने सामान्य ई-वाणिज्य वेबसाइटहरू र HTML वेब पृष्ठहरूले पृष्ठ लेआउट प्राप्त गर्न CSS प्रयोग गर्छन्।

एक चयनकर्ता के हो?

प्रत्येक CSS शैलीको परिभाषामा २ भागहरू हुन्छन्:

选择器 {样式}

• {} अघिको भाग "चयनकर्ता" हो।
• "चयनकर्ता" ले {} को "शैली" लाई संकेत गर्छ जसमा यसले कार्य गर्दछ।
• त्यो हो, वेब पृष्ठको कुन तत्वमा यो "शैली" काम गर्छ?

कोड उदाहरण

यहाँ क्लास = "साइडबार" तत्व चयन गर्ने र शैली बनाउने तरिका छ:

.sidebar
{ 
background-color:black;
}

यहाँ id="footer" को साथ एक तत्व चयन र शैली कसरी छ:

#footer
{ 
background-color:black;
}