सीएसएस-चयनकर्ता, और स्वरूपण html-दस्तावेज़ में अपनी भूमिका

एक वेबसाइट का निर्माण और वेब पेज के कुछ तत्वों के साथ यह भरने, हर कोई इस तरह सीएसएस-चयनकर्ता के रूप में एक शब्द का सामना करना पड़ेगा। इसे और अधिक सही पृष्ठ पर अपने डिजाइन और स्थान के HTML फ़ाइल के सभी तत्वों को निर्धारित करने के लिए कार्य करता है। रंग, आकार, स्थान और अन्य ऐसा करने के लिए, एक सीएसएस-एक दस्तावेज है कि कुछ चयनकर्ताओं और उनके स्वरूपण विकल्प बाहर मंत्र पैदा करते हैं। हर वेब डिजाइनर को जानते हैं और ठीक से वांछित चयन प्रवेश करने के लिए सक्षम होना चाहिए। वे प्रकार के आधार पर विभाजित हैं मुख्य जिनमें से हम नीचे चर्चा की।

सीएसएस में चयनकर्ताओं के प्रकार

पर जो करने के लिए तत्व HTML- प्रारूपित लागू किया जाता है निर्भर करता है, सीएसएस-चयनकर्ता निम्नलिखित समूहों में से एक से संबंधित हो सकता है:

• टैग चयनकर्ता;
• वर्ग चयनकर्ता;
• आईडी-चयनकर्ता;
• चयनकर्ता जोड़कर देखते हैं।

टैग चयनकर्ता

यह भी "प्रकार चयनकर्ता" या "तत्व" कहा जाता है, यह सबसे सरल और आम है। अपने सीएसएस-दस्तावेज़ के रूप में एचटीएमएल फ़ाइल का तत्व है, जो हम वर्णन के नाम हैं। उदाहरण के लिए, अगर हम पैरा शैली निर्धारित करने की आवश्यकता है, हम गुण और तत्व p {पृष्ठभूमि के लिए उनके मूल्यों निर्दिष्ट करें: x; रंग: y; आकार: z}। इस मामले में, वेब पेज के सभी अनुच्छेदों एक ही प्रारूप होगा (पृष्ठभूमि रंग, पाठ आकार, और इतने पर। डी)।

वर्ग चयनकर्ता

और क्या करता है, तो आप की जरूरत पूछने के लिए अपने हर पैरा अन्य शैलियों से अलग है? ऐसा करने के लिए, वहाँ एक वर्ग चयनकर्ता है।

p.first {रंग:: इस मामले में सीएसएस-दस्तावेज़ निम्न रूप में प्रवेश होते हैं x; font-size: y}। इस प्रकार, हम "रंग" और केवल प्रथम श्रेणी के पैरा के लिए "आकार" के गुणों को परिभाषित।

इस मामले में एक html-दस्तावेज़ में शैली का नाम पहले करने के लिए एक वर्ग विशेषता में प्रवेश किया। कक्षा शैली आप एक वेब पेज तत्वों के लिए लागू करना चाहते हैं के रूप में के रूप में ज्यादा हो सकता है।

चयनकर्ता आईडी

अक्सर एक शैली और अधिक सही, उदाहरण के लिए पेज के लिए कोई एक काम करने के लिए परिभाषित करने के लिए, या उन्हें नमूने के लिए की जरूरत है। इस स्थिति में, सहायता आईडी-चयनकर्ता आता है। html फ़ाइल एक इच्छित आइटम नाम है कि यह अन्य लोगों के अलावा पहचान करता आवंटित। उदाहरण के लिए, तत्व है कि हम अन्य शैली से अलग सेट करना चाहते लेख का शीर्षक होगा।

फिर एक html-दस्तावेज़ में हैडर h1 पहचानकर्ता, इस तरह के ArticleName बताए। और सीएसएस फ़ाइल में, शैली निर्दिष्ट, आईडी नाम जंगला को जोड़ने: #articlename {रंग: नीला; text-align: केंद्र}। अब हमारी शीर्षक रंग नीला और केंद्रित करना होगा।

ऊपर प्रकार से प्रत्येक के रूप में "एक सरल सीएसएस-चयनकर्ता" वर्णित किया जा सकता। वे html-दस्तावेज़ के लिए एक विशेष पैरामीटर के लिए स्वरूपण को परिभाषित: एक साथ समान तत्वों (जैसे, सभी लेख के पैराग्राफ), एक वर्ग (उदाहरण के लिए, केवल पहले पैराग्राफ) या किसी विशिष्ट आइटम (उदाहरण के लिए, लेख का शीर्षक)।

चयनकर्ताओं का श्रेय

आवेदन शैलियों के और अधिक जटिल विधि - उपरोक्त के अतिरिक्त, वहाँ विशेषताओं का एक सीएसएस-चयनकर्ताओं। यह चयनित विशेषता या मूल्य पर एचटीएमएल प्रारूप तत्वों अनुमति देता है। इस चयनकर्ता की कई किस्में हैं:

• विशेषता की मौजूदगी से;
• अपने सही मूल्य पर;
• आंशिक विशेषता मान द्वारा;
• अपनी विशिष्ट मूल्य पर।

हमें इन प्रजातियों में से प्रत्येक पर विचार करें:

1. पहला मामला। स्वरूपण लागू किया जाता है, एक विशिष्ट विशेषता एचटीएमएल कोड में यदि वर्तमान (यह एक पी, div, हेडर, आदि हो सकता है)। यदि ऐसा नहीं है, यह शैली के सभी तत्वों के लिए एक सामान्य उपयोग करता है। उदाहरण के लिए, शीर्षक होने तत्वों के लिए (टूल टिप)।
2. दूसरे मामले। शैली केवल html-तत्व विशेषता मानों के एक सटीक मिलान है पर लागू होता है। उदाहरण के लिए, इनपुट तत्वों, जहां प्रकार विशेषता के मान प्रस्तुत बराबर होती है।
3. तीसरे मामले। प्रारूप के तहत मानों की सूची के लिए एक निश्चित शब्द है कि में आइटम शामिल केवल होगा। उदाहरण के लिए, साइडबार विशेषता तत्वों div के लिए "वर्ग"।
4. चौथा मामला। शैली केवल html-दस्तावेज़, जिसका विशेष विशेषता एक निश्चित मूल्य है की उन तत्वों के लिए परिभाषित किया है, और उसे के साथ शुरू होता है। उदाहरण के लिए, सभी तत्वों को निर्दिष्ट रंग के उपयोग जो अंग्रेजी भाषा विशेषता (हो सकता है जो एन, एन-रस, एन-ओ और टी। डी)।

इस प्रकार, एक या दूसरे, सीएसएस चयनकर्ता का उपयोग करके, सबसे अच्छा एक पूरे वेब पेज के रूप में निर्दिष्ट किया जा सकता है, और उसके तत्वों में से कुछ का वर्णन।