सीएसएस काय आहे आणि ती कुठे वापरली जाते?

कॅस्केडिंग शैली पत्रके काय आहेत?

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

एक CSS इतिहास धडा

सीएसएस प्रथम 1 99 7 मध्ये वेब डेव्हलपर्सना तयार करत असलेल्या वेब पेजेसचे दृश्य स्वरूप ठरवण्यासाठी एक मार्ग म्हणून विकसित करण्यात आले होते. वेब प्रोफेशनलला व्हिज्युअल डिझाईनवरून वेबसाइट कोडची सामग्री आणि रचना वेगळे करण्याची परवानगी होती, जी या वेळेपूर्वी शक्य नव्हते.

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

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

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

सीएसएस एक संक्षेप आहे

आधी सांगितल्याप्रमाणे, सीएसएस म्हणजे "कॅस्केडिंग स्टाईल शीट". हे दस्तऐवज काय करावे हे स्पष्ट करण्यासाठी आपण या वाक्यांशास थोड्या थोड्या अंतरावर जाऊ या.

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

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

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

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

सीएसएस वापरले कुठे आहे?

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

का CSS महत्वाचे आहे?

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

सीएसएसचे मुख्य आव्हान म्हणजे शिकण्यासारखे बरेच काही आहे - आज रोज बदलत असलेल्या ब्राऊजरसह, जे आज चांगले काम करते ते उद्या नवीन शैली बनू शकत नाहीत आणि इतरांना वगळण्यात येते किंवा इतर कारणांमुळे किंवा इतर कारणांमुळे बाहेर पडणे .

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

जेनिफर क्रिनिन द्वारे मूळ लेख. 7/5/17 रोजी जेरेमी गिरर्ड द्वारा संपादित,