CSS गुणहरू चयनकर्ताहरूको प्रकारहरू - Semalt विशेषज्ञ

HTML तत्वमा वर्ग, ID र विशेषताहरू समावेश हुन्छन्। एट्रिब्युट सेलेक्टरले HTML एलिमेन्टहरू लिन्छ जुन एट्रिब्युट सुविधा दिन्छ वा एट्रिब्यूट मानको साथ। एट्रिब्यूट चयनकर्ताहरूले कुनै विशेष गुण वा विशेषता मानको साथ HTML तत्वहरूमा शैलीहरू लागू गर्न सरल विधि प्रदान गर्दछ। एट्रिब्यूट चयनकर्ताहरू दुई वर्ग कोष्ठकहरू द्वारा परिभाषित गरिएका छन्, जसले यसको मूल्यको साथ एट्रिब्युट संलग्न गर्दछ। अझै, तपाईं यो भन्दा पहिले एक तत्व प्रकार चयनकर्ता राख्न सक्नुहुन्छ। सीएसएस [एट्रिब्युट] चयनकर्ताले शैली नियम लागू गर्दछ तत्वमा जब र जब यो दिइएको विशेषता समावेश गर्दछ।

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

त्यहाँ विभिन्न प्रकारका एट्रिब्यूट चयनकर्ताहरू छन् जुन प्रत्येक अलग केसहरूका लागि प्रयोग गर्न सकिन्छ:

CSS [विशेषता | = "मान"] चयनकर्ताले एलिमेन्टहरू हाइलाइट गर्दछ जुन विशेष विशेषता हुन्छ, र यो एक परिभाषित मानको साथ सुरू हुन्छ।

सीएसएस [एट्रिब्यूट ~ = "मान"] चयनकर्ता विशिष्ट शब्दको विशेषता रहेको गुण मान भएको तत्वहरू फेला पार्न प्रयोग गरियो।

सीएसएस [एट्रिब्यूट ^ = "मान"] चयनकर्ताले एक विशेष मानको साथ भिक्षा माग्दै सम्पत्ति मूल्यको साथ तत्वहरू फेला पार्छ। मान पूर्ण शब्द होइन।

सीएसएस [एट्रिब्युट $ = "मान"] चयनकर्ताले कम्पोनेन्टहरू फेला पार्दछ जससँग एक विशेषता मान एक परिभाषित मानको साथ समाप्त हुन्छ।

CSS विशेषता चयनकर्ताहरूको अनुप्रयोगहरू

त्यहाँ विभिन्न तरीकाहरू छन् जहाँ विशेषता चयनकर्ता सार्वभौमिक, वर्ग वा आईडी चयनकर्ताको सट्टा प्रयोग गर्न सकिन्छ

एट्रिब्यूट चयनकर्ताहरूको सबै भन्दा साधारण प्रयोग आगतमा हुन्छ। यसमा पाठ चयनकर्ताहरू, चेकबक्स चयनकर्ताहरू, पासवर्ड चयनकर्ताहरू, फाइल चयनकर्ताहरू, लुकेका चयनकर्ताहरू, पासवर्ड चयनकर्ताहरू, रेडियो चयनकर्ताहरू, रिसेट चयनकर्ताहरू र अन्य समावेश छन्।

स्टाइलिंग फारामहरू

एट्रिब्यूट चयनकर्ताहरू धेरै उपयोगी हुन्छन् जब वर्ग वा आईडी बिना फारमहरू स्टाइल गर्न।

शैली लिंक

उदाहरण को लागी, एट्रिब्यूट चयनकर्ताहरु ब्गलरोल स्टाईल गर्न प्रयोग गर्न सकिन्छ जहाँ तपाईसँग मित्र साइटहरुमा लिंक को एक सूची छ। जहाँसम्म, तपाइँ चाहानुहुन्छ कि प्रत्येक लिंक बिभिन्न तरीकाले स्टाइल गरिएको हो। यस बारे जानको पारम्परिक तरीका भनेको कल नाम दिनु हो जुन धेरै मार्कअपहरूको आवश्यक पर्दछ। अझै, तपाईं नवौं बच्चा प्रयोग गर्न सक्नुहुनेछ जुन अर्डरहरू कहिले पनि परिवर्तन हुँदैन। विशेषता चयनकर्ताहरूको प्रयोगले यसलाई सजीलो बनाउँदछ किनकि त्यहाँ एक विशेषता छ जुन तपाईं लक्षित गर्न सक्नुहुनेछ।

सीमा इनपुटहरू

सीएसएस बोर्डर इमेज एट्रीब्यूट प्रयोग गरी स्टाइलिंग बोर्डर एलिमेन्ट्स शरीरमा छविहरू थप्ने एक सुन्दर तरीका हो। यसले तपाइँलाई तत्वको सिमानाको रूपमा छवि परिभाषित गर्न अनुमति दिन्छ। सीमा छवि मापन गर्न सकिन्छ, काट्नु, यो सीमा क्षेत्रमा फिट छ कि भनेर सुनिश्चित गर्न बिभिन्न तरीकाले दोहोर्याइएको। सीमानाहरू त्रिज्या विशेषताले छविहरू प्रयोग नगरी गोल गोलाहरू जोड्नको लागि अनुमति दिन्छ। सम्पत्तीले कुनाको आकार परिभाषित गर्दछ।

स्टाइलिंग रंगहरू

CSS एट्रिब्युट चयनकर्ताहरूले सबै तत्वहरू शैली गर्न सरल बनाउँदछन् जुन विशेष र color्ग मानसँग छन्। तपाईं र key किवर्ड, RGB (), RGBA (), HSL () र HSLA () सूचनाहरू प्रयोग गर्न सक्नुहुनेछ। RGBA रंग मानहरू RGB र color मोडलको एक च्यानल हो जुन एक र colorको अस्पष्टता परिभाषित गर्दछ। प्यारामिटरको मान १.० बाट (अपारदर्शी} देखि ०.० (पारदर्शी) बाट हुन्छ

HSL रंग मोडेल (Hue_satration_Lightness) को रूपमा वर्णन गरिएको छ। ह्यू प्रतिनिधित्व कोण (०--360०) वा रंग चक्रको रूपमा छ। संतृप्ति र हल्कापन प्रतिशतको रूपमा मापन गरिन्छ संतृप्तिको ०% छाया वा खैरो र १०० पूर्ण रंग प्रतिनिधित्व गर्दछ। १००% हल्काले सेतो प्रतिनिधित्व गर्दछ जबकि ०% कालो छ।