CSS के छ र यो कहाँ प्रयोग गरिन्छ?

क्यासिंगिङ शैली पानाहरू के हुन्?

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

सीएसएस इतिहास पाठ

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

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

सीएसएस लोकप्रियता मा हासिल गरेन लगभग 2000 सम्म, वेब ब्राउजर यस मार्कअप भाषा को मूल फ़ॉन्ट और रंग पहलुओं से अधिक का उपयोग करना शुरू कर दिया। आज, सबै आधुनिक ब्राउजरहरूले सीएसएस स्तर 1, सीएसएस स्तर 2 को, र सीएसएस लेवल 3 को सबै भन्दा पहलहरू पनि समर्थन गर्दछ। सीएसएस जारी रह्यो र नयाँ शैलियां पेश गरिएको छ, वेब ब्राउजरले उन ब्राउजरहरूमा नयाँ CSS समर्थन ल्याउन र वेब डिजाइनरहरूलाई शक्तिशाली नयाँ स्टाइल उपकरणहरू प्रदान गर्नका साथ काम गर्ने मोड्युलहरू लागू गर्न थालेका छन्।

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

सीएसएस एक संक्षिप्त छ

पहिले नै उल्लेख गरिएको रूपमा, शब्द सीएसएस "क्यासिंगिङ स्टाइल पाना" को लागि छ। यस वाक्यांशले बिटलाई बिच्छेदन गर्छ र थप पूर्णतया वर्णन गर्दछ कि यी कागजातहरूले के गर्छ।

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

क्यास्केड "सीस्केडिङ शैली पाना" शब्दको विशेष भाग हो। एउटा वेब स्टाइल पानाको पानामा पानाको श्रृंखलाको माध्यमबाट झन्डा लगाउने उद्देश्य छ, झन्डै एक नदीमा जस्तै। नदी मा पानी झरना मा सबै चट्टानहरु हिट, तर केवल तल मा जो वास्तव मा पानी को प्रवाह हुनेछ को प्रभावित गर्दछ। वेबसाइट शैली पानाहरूमा क्यास्केडको उस्तै छ।

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

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

सीएसएस कहाँ प्रयोग गरिन्छ?

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

सीएसएस किन महत्वपूर्ण छ?

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

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

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

जेनिफर क्रिनिन द्वारा मूल लेख। 7/5/17 मा जेरेमी Girard द्वारा संपादित,