सीएसएस मध्ये इनलाइन शैल्यांचे फायदे आणि कमतरता

सीएसएस, किंवा कॅस्केडिंग स्टाइल शीट्स, जे पृष्ठावर व्हिज्युअल लुक लागू करण्यासाठी आधुनिक वेबसाइट डिझाइनमध्ये वापरले जातात. एचटीएमएल पृष्ठाची रचना तयार करते आणि जावास्क्रिप्ट हे आभास हाताळू शकते, वेबसाइटचे स्वरूप आणि अनुभव सीएसएस चे डोमेन आहे. या शैलीच्या बाबतीत, ते बहुतेक वेळा बाह्य शैली पत्रक वापरून लागू केले जातात, परंतु आपण "इनलाइन शैली" म्हणून ओळखले जाणारे घटक वापरून एका एकल, विशिष्ट घटकामध्ये CSS शैली देखील लागू करू शकता.

इनलाइन शैली सीएसएस शैली आहेत जी थेट पृष्ठाच्या HTML मध्ये लागू केली जातात. या दृष्टिकोनातून दोन्ही फायदे आणि तोटे आहेत प्रथम, या शैली कशा लिहिल्या जातात ते आपण पाहू या.

इनलाइन शैली कशी लिहाय

इनलाइन CSS शैली तयार करण्यासाठी, आपण आपली शैली गुणधर्म लिहिताना आपण स्टाईल शीटमध्ये कसे कराल ते लिहा, परंतु सर्व एक ओळ असणे आवश्यक आहे अर्धविरामाने वेगवेगळे गुणधर्म वेगवेगळे करा जेणेकरून आपण शैली पत्रकात टाइप कराल.

पार्श्वभूमी: #ccc; रंग: #fff; सीमा: गडद काळा 1px;

आपण शैलीबद्ध करू इच्छित घटक शैली शैली आत शैली की ओळ ठेवा. उदाहरणार्थ, जर आपण आपल्या HTML मध्ये या शैलीस परिच्छेद लागू करू इच्छित असाल तर तो घटक अशा दिशेने पाहतील:

या उदाहरणात, हा विशिष्ट परिच्छेद हलक्या राखाडी पार्श्वभूमीसह (जे #ccc प्रस्तुत करेल), काळा मजकूर (# 000 रंगांवरून) आणि परिच्छेदाच्या चारही बाजूंच्या 1-पिक्सेल घनतेचा काळा किनार असणार आहे. .

इनलाइन शैलीचे फायदे

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

इनलाइन शैलींपेक्षा उच्च प्राधान्य असलेल्या एकमेव शैलीमध्ये वाचक स्वतःच लागू केलेल्या वापरकर्ता शैली आहेत. आपल्याला आपले बदल लागू होण्यात समस्या येत असल्यास, आपण घटकावर एक इनलाइन शैली सेट करण्याचा प्रयत्न करू शकता. जर आपण शैली अद्याप एक इनलाइन शैली वापरून प्रदर्शित करत नाही, तर आपण जाणता की काहीतरी पुढे चालू आहे.

इनलाइन शैली जोडणे सोपे आणि जलद आहे आणि आपण योग्य सीएसएस निवडकर्ता लिहिण्याविषयी काळजी करण्याची आवश्यकता नाही कारण आपण आपल्यास बदलू इच्छिता त्या घटकास थेट शैली जोडत आहात (त्या घटकास निवडक निवडल्यास आपण बाह्य शैली पत्रकामध्ये लिहू शकतो) ). आपल्याला संपूर्ण नवीन दस्तऐवज तयार करण्याची आवश्यकता नाही (बाह्य शैली पत्रकांसह) किंवा आपल्या दस्तऐवजाच्या शीर्षस्थानी नवीन घटक संपादित करण्यासाठी (अंतर्गत शैली पत्रकांप्रमाणे). आपण फक्त शैली गुणधर्म जो जवळजवळ प्रत्येक HTML घटकवर वैध आहे तो जोडा. इनलाइन शैलीचा वापर करण्याकरिता आपल्याला कशाची मोह होऊ शकते याचे हे सर्व कारण आहेत, परंतु आपण या दृष्टिकोनावर काही महत्त्वपूर्ण नुकसानींची जाणीव असणे आवश्यक आहे.

इनलाइन शैलीचे तोटे

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

आपण फक्त इनलाइन शैली वापरत असल्यास, आपले दस्तऐवज त्वरीत फिकट होतात आणि ते टिकविणे कठीण आहे याचे कारण असे की आपण त्यांना हवे असलेल्या प्रत्येक घटकावर इनलाइन शैली लागू करणे आवश्यक आहे. म्हणून जर आपल्याला आपल्या सर्व परिच्छेदांना फॉन्ट कुटुंब "एरियल" हवे असेल तर आपल्याला आपल्या इनबॉक्समध्ये प्रत्येक

टॅगमध्ये एक इनलाइन शैली जोडावी लागेल. हे वाचकांसाठी डिझायनर आणि डाऊनलोड वेळेसाठी दोन्ही देखभाल कार्य जोडते कारण आपल्याला हे फॉन्ट-कुटुंबा बदलण्यासाठी आपल्या साइटवरील प्रत्येक पृष्ठावर हे बदलण्याची आवश्यकता आहे. वैकल्पिकरित्या, आपण वेगळ्या स्टाइलशीटचा वापर केल्यास, आपण त्यास एका जागी बदलू शकता आणि प्रत्येक पृष्ठ त्या अद्यतनास प्राप्त करु शकतात.

हे खरंच, हे वेब डेव्हलपमेंटमधील एक पाऊल मागे आहे - टॅगचे दिवस परत!