सीएसएस में इनलाइन शैलियों के फायदे और दोष

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

इनलाइन शैलियों सीएसएस शैलियों हैं जो सीधे पृष्ठ के एचटीएमएल में लागू होती हैं। इस दृष्टिकोण के लिए दोनों फायदे और नुकसान हैं। सबसे पहले, चलिए देखते हैं कि इन शैलियों को कैसे लिखा जाता है।

इनलाइन स्टाइल कैसे लिखें

एक इनलाइन सीएसएस शैली बनाने के लिए, आप अपनी स्टाइल प्रॉपर्टी लिखकर शुरू करते हैं जैसे आप स्टाइल शीट में कैसे करेंगे, लेकिन इसे सभी एक पंक्ति होने की आवश्यकता है। एक अर्धविराम के साथ अलग-अलग गुणों को अलग करें जैसे आप स्टाइल शीट में करेंगे।

पृष्ठभूमि: #ccc; रंग: #fff; सीमा: ठोस काला 1px;

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

<पी शैली = "पृष्ठभूमि: # सीसीसी; रंग: # 000; सीमा: ठोस काला 1px;">

इस उदाहरण में, यह विशेष अनुच्छेद एक हल्के भूरे रंग की पृष्ठभूमि के साथ दिखाई देगा (यही वह है जो # सीसीसी प्रस्तुत करेगा), काला पाठ (# 000 रंग से), और पैराग्राफ के चारों ओर चारों ओर एक 1-पिक्सेल ठोस काला सीमा के साथ ।

इनलाइन शैलियों के लाभ

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

इनलाइन शैलियों की तुलना में उच्च प्राथमिकता वाली एकमात्र शैलियों में पाठक स्वयं द्वारा लागू उपयोगकर्ता शैलियों हैं। यदि आपको अपने परिवर्तनों को लागू करने में परेशानी हो रही है, तो आप तत्व पर एक इनलाइन शैली सेट करने का प्रयास कर सकते हैं। यदि आप शैलियों को अभी भी इनलाइन शैली का उपयोग करके प्रदर्शित नहीं करते हैं, तो आप जानते हैं कि कुछ और चल रहा है।

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

इनलाइन शैलियों के नुकसान

क्योंकि इनलाइन शैलियों वे कैस्केड में सबसे विशिष्ट हैं, वे उन चीजों को ओवर-राइड कर सकते हैं जिनके बारे में आप उनका इरादा नहीं रखते थे। वे सीएसएस के सबसे शक्तिशाली पहलुओं में से एक को भी अस्वीकार करते हैं - भविष्य में अपडेट और शैली को प्रबंधित करने के लिए एक आसान सीएसएस फ़ाइल से लॉट और बहुत से वेब पेजों को स्टाइल करने की क्षमता।

यदि आपको केवल इनलाइन शैलियों का उपयोग करना होता है, तो आपके दस्तावेज़ जल्दी से फूले और बनाए रखने के लिए बहुत कठिन हो जाएंगे। ऐसा इसलिए है क्योंकि इन तत्वों पर इनलाइन शैलियों को लागू किया जाना चाहिए। इसलिए यदि आप अपने सभी अनुच्छेदों को फ़ॉन्ट परिवार "एरियल" रखना चाहते हैं, तो आपको अपने दस्तावेज़ में प्रत्येक

टैग में एक इनलाइन शैली जोड़नी होगी। यह डिजाइनर के लिए रखरखाव कार्य और पाठक के लिए डाउनलोड समय दोनों जोड़ता है क्योंकि आपको उस फ़ॉन्ट-परिवार को बदलने के लिए अपनी साइट के प्रत्येक पृष्ठ पर इसे बदलना होगा। वैकल्पिक रूप से, यदि आप एक अलग स्टाइलशीट का उपयोग करते हैं, तो आप इसे एक स्थान पर बदल सकते हैं और प्रत्येक पृष्ठ को वह अपडेट प्राप्त हो सकता है।

सच में, यह वेब डिज़ाइन में एक कदम पीछे है - टैग के दिनों के पीछे!