सीएसएस गुणको परिभाषा

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

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

CSS नियमको भाग

एक सीएसएस नियम दुई अलग भागहरु - चयनकर्ता र घोषणा बाट बनेको छ। चयनकर्ताले पृष्ठमा स्टाइल गरिएको के हो भन्ने निर्धारण गर्दछ र घोषणा कसरी स्टाइल गरिएको हुनुपर्छ। उदाहरणका लागि:

p {
रंग: # 000;
}

यो एक CSS नियम हो। चयनकर्ता भाग "p" हो, जुन "अनुच्छेद" को लागि एक तत्व चयनकर्ता हो। यसैले, एउटा साइटमा सबै अनुच्छेदहरू छान्नुहोस् र उनीहरूलाई यो शैली प्रदान गर्नुहोस् (जबसम्म तपाईंको विशेष कागजातहरू तपाईंको CSS कागजातमा लक्षित गरिएका अनुच्छेदहरू छैनन्)।

यसो भन्छ कि नियमको भाग "रंग: # 000;" भनेको के घोषणाको रूपमा जानिन्छ। त्यो घोषणा दुई टुक्राहरू बनाइन्छ - सम्पत्ति र मूल्य।

यो सम्पत्ति यस घोषणाको "रंग" टुक्रा हो। यसले निर्धारित गर्दछ कि चयनकर्ता को पहलू नेत्रहीन रूप देखि परिवर्तित गरिनेछ।

मान भनेको चयन गरिएको सीएसएस सम्पत्ति परिवर्तन हुनेछ। हाम्रो उदाहरणमा, हामी # 000 को हेक्स मान प्रयोग गर्दैछौं, जुन सीएसएस आर्थक "ब्ल्याक" को लागि हो।

त्यसैले यो सीएसएस नियम प्रयोग गरेर, हाम्रो पृष्ठमा कालो रङको फन्टमा प्रदर्शित अनुच्छेद हुनेछ।

CSS Property Basics

जब तपाइँ सीएसएस गुणहरू लेख्नुहुन्छ, तपाईंले फिट देख्न सक्नुभन्दा तिनीहरूलाई सजिलै बनाउन सक्नुहुन्न। उदाहरणका लागि, "रङ" एक वास्तविक सीएसएस सम्पत्ति हो, त्यसैले तपाईंले यसलाई प्रयोग गर्न सक्नुहुन्छ। यस गुणले के तत्वको पाठ रङले निर्धारण गर्दछ। यदि तपाईंले "CSS-color" वा "फन्ट-रंग" CSS गुणहरूको रूपमा प्रयोग गर्ने प्रयास गर्नुभयो भने, यी असफल भए किनभने तिनीहरू सीएसएस भाषाको वास्तविक भागहरू छैनन्।

अर्को उदाहरण सम्पत्ति "पृष्ठभूमि छवि" हो। यो गुणले छवि सेट गर्दछ जुन पृष्ठभूमिको लागि प्रयोग गर्न सकिन्छ, जस्तै:

.logo {
पृष्ठभूमि-छवि: url (/images/company-logo.png);
}

यदि तपाइँ "पृष्ठभूमि-चित्र" वा "पृष्ठभूमि-ग्राफिक" प्रयोगको रूपमा प्रयोग गर्न प्रयास गर्नुभयो भने तिनीहरू असफल हुनेछन् किनभने, एकपटक फेरि, यो वास्तविक CSS गुणहरू होइनन्।

केहि सीएसएस गुणहरू

त्यहाँ थुप्रै सीएसएस गुणहरू छन् जुन तपाइँले साइटलाई शैलीमा प्रयोग गर्न सक्नुहुनेछ। केहि उदाहरणहरू छन्:

• सीमाना (सीमाना शैली, किनारा-रङ, र बोर्डर चौडाइ सहित)
• प्याडिंग (प्याडिङ-माथि, प्याडिङ-दाँया, प्याडिङ-तल, र प्याडिङ् बायाँ सहित)
• सीमा (मार्जिन-माथि, मार्जिन-दाँया, मार्जिन-तल, र मार्जिन बायाँ सहित)
• फन्ट-परिवार
• फन्ट-साइज
• पृष्ठभूमि रंग
• चौडाई
• ऊँचाई

यी सीएसएस गुणहरू उत्कृष्ट उदाहरणहरू प्रयोग गर्नका लागि हुन्, किनभने तिनीहरू सबै धेरै सीधा छन् र, यदि तपाइँ CSS लाई थाहा छैन भने, तपाईं सम्भवतः उनीहरूको नामहरूमा आधारित के गर्न सक्नुहुन्छ।

त्यहाँ अन्य CSS विशेषताहरू छन् जुन तपाइँसँग पनि सामना गर्नुपर्नेछ जुन उनीहरूको नामहरूमा आधारित कसरी स्पष्ट हुन सक्दैन:

• फ्लोट
• खाली गर्नुहोस्
• ओभरफ्लो
• पाठ-रूपान्तरण
• Z-index

जब तपाईं वेब डिजाइनमा गहिराइ गर्नुहुन्छ, तपाइँ यी सबै गुणहरू र अधिक (र प्रयोग) को सामना गर्नुहुनेछ!

गुण आवश्यक मानहरू

प्रत्येक समय जब तपाईं एक सम्पत्ति प्रयोग गर्नुहुन्छ, तपाईले यसलाई मान दिनुपर्छ - र केहि विशेषताहरूले मात्र निश्चित मानहरू स्वीकार गर्न सक्दछ।

"रंग" गुणको हाम्रो पहिलो उदाहरणमा, हामी रङ मान प्रयोग गर्न आवश्यक छ। यो एक हेक्स मान , RGBA मान वा कुञ्जी शब्दहरू पनि हुन सक्छ। ती मानहरू मध्ये कुनै पनि काम गर्न सक्दछ, तथापि, यदि तपाईले यो गुणसँग "उदास" शब्द प्रयोग गर्नुभयो भने, यो केही पनि गर्दैन किनभने, शब्दको रूपमा वर्णनात्मक हुन सक्छ, यो सीएसएसमा मान्यता प्राप्त मान होइन।

"पृष्ठभूमि छवि" को हाम्रो दोस्रो उदाहरणलाई तपाईंको साइटको फाइलहरूबाट वास्तविक चित्र ल्याउनको लागि छवि पथ प्रयोग गरिन्छ। यो आवश्यक मान / वाक्य रचना हो।

सबै सीएसएस गुणहरूसँग मूल्यहरू छन् जुन तिनीहरूले अपेक्षा गर्छन्। उदाहरणका लागि:

• सिमाना रङले रंग रङको अपेक्षा गर्दछ
• किनारा आकारको साइजिङ मानको आशा गर्दछ, जस्तै पिक्सल वा प्रतिशत
• सीमाना शैलीहरूले यो गुणको लागि प्रयोग गरिएको आरक्षित शैली मध्ये एक को अपेक्षा गर्दछ, जस्तै "ठोस"

यदि तपाई सीएसएस गुणहरूको सूचीमा जानुहुन्छ भने, तपाईंले पत्ता लगाउनुहुनेछ कि प्रत्येकमा विशिष्ट मानहरू छन् जुन तिनीहरूका लागि उद्देश्यहरू सिर्जना गर्न प्रयोग गर्दछन्।

जेरेमी Girard द्वारा संपादित