CSS-चयन, र ढाँचा HTML-कागजात यसको भूमिका

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

CSS मा चयनकर्ताहरूमा को प्रकार

जो तत्व लागू HTML-ढाँचामा छ निर्भर CSS-चयनकर्ता निम्न समूहका एक सम्बन्धित हुन सक्छ:

• ट्याग चयन;
• वर्ग चयन;
• आईडी-चयन;
• चयनकर्ता विशेषता।

ट्याग चयन

यो पनि, "प्रकार चयन" वा "तत्व" भनिन्छ यो सबैभन्दा सरल र सामान्य छ। आफ्नो CSS-कागजात रूपमा हामी वर्णन जो HTML-फाइल को तत्व, को नाम हुन्। उदाहरणका लागि, हामी अनुच्छेद शैली सेट गर्न आवश्यक छ भने, हामी गुण र तत्व पृ {पृष्ठभूमि लागि आफ्नो मान निर्दिष्ट: x; रंग: वाई; आकार: Z}। यस मामला मा, वेब पेज को सबै अनुच्छेद नै ढाँचा हुनेछ (पृष्ठभूमि रङ, पाठ आकार, र यति मा। डी)।

वर्ग चयन

र सोध्न तपाईं चाहिएमा के तपाईंको हरेक अनुच्छेद अन्य शैलीहरू फरक छ? यो गर्न, त्यहाँ एक वर्ग चयन छ।

p.first {रंग: यो मामला मा CSS-कागजात निम्न फारम को प्रविष्टि समावेश थियो एक्स; font-size: वाई}। तसर्थ, हामी "रंग" र केवल पहिलो वर्ग अनुच्छेद लागि "आकार" को गुण परिभाषित।

यस मामला मा एक HTML-कागजात पहिलो शैली को नाम एक वर्ग विशेषता प्रविष्ट गर्नुभयो। कक्षाहरू रूपमा वेब पृष्ठमा तत्वहरूका लागि लागू गर्न चाहनुभएको शैली धेरै हुन सक्छ।

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

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

त्यसपछि एक HTML-कागजातमा हेडर H1 परिचायक, यस्तो articlename assigning। #articlename {रंग: र CSS-फाइल मा आईडी नाम जंगला थप्दा, शैली, निर्दिष्ट नीलो; पाठ: केन्द्र}। अब हाम्रो शीर्षक रंग नीलो र केन्द्रित हुनेछ।

माथिको प्रकार प्रत्येक "एक सरल CSS-चयनकर्ता" को रूपमा वर्णन गर्न सकिँदैन। सँगै समान तत्त्वहरू (जस्तै, सबै लेखको अनुच्छेद), एक वर्ग (उदाहरणका लागि, केवल पहिलो अनुच्छेद) वा विशिष्ट वस्तु (उदाहरणका लागि, लेख शीर्षक): तिनीहरूले HTML-कागजातको एक विशेष मापदण्ड लागि ढाँचा परिभाषित।

चयनकर्ताहरूमा विशेषता

आवेदन शैलीहरू बढी जटिल विधि - माथिको साथै, त्यहाँ एक CSS-चयनकर्ताहरूमा विशेषताहरू छ। यसलाई चयन विशेषता वा मूल्य मा HTML ढाँचामा तत्व अनुमति दिन्छ। यो चयन धेरै किसिमहरु हो:

• विशेषता उपस्थिति द्वारा;
• यसको सही मूल्य मा;
• आंशिक विशेषता मूल्य द्वारा;
• यसको विशिष्ट मूल्य मा।

हामीलाई यी प्रजाति प्रत्येक विचार गरौं:

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

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