लेख निर्देशिका
CSS चयनकर्ता वर्ग र आईडी बीच के भिन्नता छ? HTML मा आईडी र क्लास प्रयोग
चेन वेइलाङहालै कार्यान्वयन गरियोएसईओ, साइटको अनुकूलन गर्नWordPressविषयवस्तु।
यद्यपि मैले पहिले केही आधारभूत 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; }
आशा चेन वेइलियाङ ब्लग ( https://www.chenweiliang.com/ ) साझा गर्नुभयो "सीएसएस चयनकर्ता वर्ग र आईडी बीच के भिन्नता छ? HTML मा आईडी र क्लासको प्रयोगले तपाईंलाई मद्दत गर्नेछ।
यस लेखको लिङ्क साझा गर्न स्वागत छ:https://www.chenweiliang.com/cwl-572.html
नवीनतम अपडेटहरू प्राप्त गर्न चेन वेइलियाङको ब्लगको टेलिग्राम च्यानलमा स्वागत छ!
📚 यो गाइडले ठूलो मूल्य समावेश गर्दछ, 🌟यो दुर्लभ अवसर हो, यसलाई नछुटाउनुहोस्! ⏰⌛💨
मन परे लाइक र सेयर गर्नुहोस !
तपाइँको साझा र लाइक हाम्रो निरन्तर प्रेरणा हो!