CSS-निवड आणि स्वरूपन html-दस्तऐवज मध्ये त्याच्या भूमिका

एक वेबसाइट तयार करणे आणि वेब पृष्ठ काही घटक सह भरून, प्रत्येकजण अशा CSS-निवड एक संज्ञा सामोरे जाईल. अधिक अचूकपणे पृष्ठावर त्यांचे डिझाइन आणि स्थान html-फाइल सर्व घटक निर्धारित करते. रंग, आकार, स्थान आणि इतर: हे करण्यासाठी, एक CSS-एक विशिष्ट निवड समिती आणि त्यांच्या स्वरूपन पर्याय बाहेर spells की दस्तऐवज तयार करा. प्रत्येक वेब डिझायनर माहीत आहे आणि योग्यरित्या इच्छित निवडी दाखल करण्यास सक्षम असणे आवश्यक आहे. ते प्रकार वाटून जातात, त्यापैकी मुख्य आम्ही खाली चर्चा.

CSS मध्ये निवड प्रकारच्या

वर जे घटक html रूपण लागू आहे आधारीत, CSS-निवड खालील गट एक संबंधित:

• टॅग निवड;
• वर्ग निवड;
• आयडी-निवड;
• निवड गुणधर्म.

टॅग निवड

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

वर्ग निवड

आणि आपल्याला आवश्यक असल्यास काय विचारायचे आपल्या प्रत्येक परिच्छेद इतर शैली भिन्न आहे? हे करण्यासाठी, एक वर्ग निवड आहे.

p.first {रंग: या प्रकरणात CSS-दस्तऐवज खालील स्वरूपाचे नोंद असते x; फॉन्ट-आकार: y}. त्यामुळे आम्ही "रंग" आणि केवळ प्रथम वर्ग परिच्छेद साठी "आकार" गुणधर्म दर्शवितात.

या प्रकरणात एक HTML-दस्तऐवज मध्ये प्रथम शैलीचे नाव एक वर्ग विशेषता प्रवेश केला. वर्ग हा आपण वेब पेज घटक अर्ज करू इच्छित शैली तितकी असू शकते.

निवड आयडी

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

मग एक html-दस्तऐवज शीर्षलेख h1 अभिज्ञापक, अशा articlename देणे. आणि CSS-फाइल मध्ये, शैली निर्देशीत आयडी नाव लोखंडी जाळी जोडून: #articlename {रंग: निळा; text-align: केंद्र}. आता आमच्या मथळा रंग निळा आणि मध्यभागी आहे.

वरील प्रकार प्रत्येक "एक साधी CSS-निवड" म्हणून वर्णन केले जाऊ शकते. ते HTML-दस्तऐवज एका विशिष्ट घटक साठी स्वरूपण define: एकत्र सारखे घटक (उदा, सर्व लेख परिच्छेद), एक वर्ग (उदाहरणार्थ, फक्त पहिला परिच्छेद) किंवा एक विशिष्ट गोष्ट (उदाहरणार्थ, लेख शीर्षक).

निवड गुणधर्म

अर्ज शैली अधिक क्लिष्ट पद्धत - वरील व्यतिरिक्त, एक CSS-निवड विशेषता आहे. निवडलेल्या गुणधर्म किंवा मूल्य HTML स्वरूपात घटक परवानगी देते. या निवड अनेक वाण आहेत:

• गुणधर्म उपस्थिती द्वारे;
• त्याच्या अचूक मूल्य;
• आंशिक विशेषता मूल्य करून;
• त्याच्या विशिष्ट मूल्य आहे.

आम्हाला या प्रजाती प्रत्येक विचार करू:

1. पहिल्या प्रकरणात. स्वरूपन लागू आहे एक विशिष्ट गुणधर्म html-कोड उपस्थित तर (ते p, div, शिर्षक, इ असू शकतो). तो नसेल, तर तो शैली सर्व घटक एक सर्वसामान्य वापरते. उदाहरणार्थ, शीर्षक येत घटकांचे (साधन टीप).
2. दुसऱ्या प्रकरणात. शैली केवळ विशेषता मूल्ये हुबेहुब सामना आहे की html-घटक लागू होते. उदाहरणार्थ, इनपुट घटक, प्रकार विशेषतेचेचे मूल्य सादर समान जेथे.
3. तिसरा खटला. स्वरूप अंतर्गत एक विशिष्ट शब्द आहे की मूल्ये यादीत आयटम समावेश असेल फक्त. उदाहरणार्थ, घटक div साठी साइडबार गुणधर्म "वर्ग".
4. चौथ्या प्रकरणात. शैली केवळ HTML-दस्तऐवज, ज्या विशिष्ट गुणधर्म एक विशिष्ट मूल्य आहे त्या घटक परिभाषित, आणि त्याला ने सुरू आहे. उदाहरणार्थ, निर्दिष्ट रंग वापर सर्व घटकांवर जे इंग्रजी भाषा विशेषता (इं, en-Rus, en-ओ आणि टी. डी असू शकते).

त्यामुळे एक किंवा इतर CSS निवडकर्ता वापरून, सर्वोत्तम संपूर्ण वेब पृष्ठ म्हणून निर्देशीत करणे शक्य आहे, आणि त्याचे घटक काही वर्णन.