सीएसएस सिलेक्टर क्लास आणि आयडीमध्ये काय फरक आहे? HTML मध्ये id आणि वर्ग वापर

सीएसएस सिलेक्टर क्लास आणि आयडीमध्ये काय फरक आहे? HTML मध्ये id आणि वर्ग वापर

चेन वेइलांगअलीकडेच अंमलात आणलेएसइओ, साइटचे ऑप्टिमाइझ करण्यासाठीवर्डप्रेसथीम.

जरी मी याआधी काही मूलभूत HTML आणि CSS ज्ञान शिकलो आहे, परंतु मी काही काळ ते ऑपरेट केले नाही, विशेषत: CSS भाग वापर, ते विसरणे सोपे आहे.

म्हणून, CSS सिलेक्टर आयडी आणि क्लासमधील फरक आणि वापर येथे रेकॉर्ड करा आणि सारांशित करा:

• आयडी #div शी संबंधित आहे
• वर्ग .div शी संबंधित आहे

आयडी आणि वर्गातील फरक

आयडी वर्णन

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

वर्ग वर्णन

• वर्ग हा एक शैली गट आहे, जो वेब पृष्ठावरील तपशीलवार शैली परिभाषित करण्यासाठी वापरला जातो. तो .div च्या स्वरूपात परिभाषित केला जातो आणि त्याची पुनरावृत्ती केली जाऊ शकते.
• उदाहरणार्थ: विशिष्ट मेनू, मजकूराची ओळ, इ...
• एकाच पृष्ठावर, ते अनेक घटकांद्वारे वारंवार कॉल केले जाऊ शकते

div सिलेक्टरमध्ये स्वतः गुणधर्म नसतात. त्याचे css परिभाषित करून, ते div ची रुंदी, उंची, पार्श्वभूमी रंग आणि मजकूर आकार यासारखे काही लेआउट नियंत्रित करते.

सामान्यई-कॉमर्ससंकेतस्थळ,स्टेशन तयार कराप्रोग्रॅमद्वारे व्युत्पन्न केलेले html वेब पेज सीएसएसद्वारे पेज लेआउट साकारण्यासाठी आहे.

निवडकर्ता म्हणजे काय?

प्रत्येक CSS शैलीच्या व्याख्येमध्ये 2 भाग असतात:

选择器 {样式}

• {} च्या आधीचा भाग "निवडक" आहे.
• "निवडक" {} ची "शैली" दर्शवते ज्यावर ते कार्य करते.
• म्हणजेच वेबपृष्ठाच्या कोणत्या घटकावर ही "शैली" कार्य करते?

कोड उदाहरण

क्लास="साइडबार" घटक कसा निवडायचा आणि शैली कशी करायची ते येथे आहे:

.sidebar
{ 
background-color:black;
}

id="footer" सह घटक कसे निवडायचे आणि शैली कशी करायची ते येथे आहे:

#footer
{ 
background-color:black;
}