Last Updated on October 22, 2023 by Mani_Bnl
इस आर्टिकल में हम CSS क्या है? WHAT IS CSS IN HINDI को विस्तार से जानेगे। इसलिए इस आर्टिकल को अंत तक जरूर पढ़े। इस लेख के माध्यम से आप और भी आसानी और अच्छे से इसके उपयोग को समझ सकते है। तो आइये जानते है CSS क्या है?
CSS क्या है? WHAT IS CSS IN HINDI?
कैस्केडिंग स्टाइल शीट्स (सीएसएस) एक स्टाइल शीट भाषा है जिसका उपयोग मार्कअप भाषा में लिखे गए दस्तावेज़ के प्रस्तुति शब्दार्थ (लुक और फॉर्मेटिंग) का वर्णन करने के लिए किया जाता है।
यह सबसे आम एप्लिकेशन HTML और XHTML में लिखे गए वेब पेजों को स्टाइल करता है, लेकिन भाषा को किसी भी तरह के XML दस्तावेज़ पर भी लागू किया जा सकता है, जिसमें सादे XML, SVG और XUL A CSS (कैस्केडिंग स्टाइल शीट) फ़ाइल एक वेब साइटों को अलग करने की अनुमति देती है।
HTML सामग्री अपनी शैली से सीएसएस को मुख्य रूप से दस्तावेज़ प्रस्तुति से दस्तावेज़ सामग्री (HTML) या एक समान मार्कअप भाषा को अलग करने में सक्षम करने के लिए डिज़ाइन किया गया है, जिसमें फोंट, रंग, पृष्ठभूमि, सीमाएं, पाठ स्वरूप, लिंक प्रभाव और इतने पर जैसे की तत्व शामिल हैं।
यह पृथक्करण सामग्री में सुधार कर सकता है, प्रस्तुति विशेषताओं के विनिर्देश में अधिक लचीलापन और नियंत्रण प्रदान कर सकता है, पृष्ठो को स्वरूप साझा करने में सक्षम बनाता है, और संरचनात्मक सामग्री में जटिलता और पुनरावृत्ति को कम कर सकता है जैसे टेबललेस वेब डिज़ाइन के लिए अनुमति देकर।
सीएसएस एक ही मार्कअप पृष्ठ को अलग-अलग रेंडरिंग विधियों के लिए अलग-अलग शैलियों में प्रस्तुत करने की अनुमति दे सकता है, जैसे की ऑन-स्क्रीन, प्रिंट में, आवाज़ द्वारा (जब भाषण-आधारित ब्राउज़र या स्क्रीन रीडर द्वारा पढ़ा जाता है) और ब्रेल-आधारित पर, स्पर्श करने वाले उपकरण।
इसका उपयोग वेब पेज को स्क्रीन आकार या डिवाइस के आधार पर अलग-अलग प्रदर्शित करने की अनुमति देने के लिए किया जा सकता है, जिस पर इसे देखा जा रहा है।
हालांकि एक दस्तावेज़ आम तौर पर उस दस्तावेज़ को एक सीएसएस शैली शीट से जोड़ते हैं, पाठक अपने स्वयं के कंप्यूटर पर एक अलग शैली शीट का उपयोग कर सकते हैं, जिसे लेखक ने निर्दिष्ट किया है। सीएसएस एक प्राथमिकता योजना को निर्धारित करने के लिए निर्दिष्ट करता है कि कौन से शैली नियम लागू होते हैं यदि एक से अधिक नियम किसी विशेष तत्व के खिलाफ लागू होते हैं।
Read Also: कंप्यूटर की संरचना और कंप्यूटर के प्रकार।
इस तथाकथित कैस्केड में, प्राथमिकताओं या वजन की गणना की जाती है और नियमों को सौंपा जाता है, ताकि परिणाम अनुमानित हो। CSS विनिर्देशन वर्ल्ड वाइड वेब कंसोर्टियम (W3C) द्वारा बनाए रखा जाता है। इंटरनेट Pedia प्रकार (MIME प्रकार) पाठ / CSS RFC 2318 (मार्च 1998) द्वारा CSS के साथ उपयोग के लिए पंजीकृत है।
एक शैली पत्रक शैली के नियमों से बना है जो एक ब्राउज़र को बताता है, कि दस्तावेज़ कैसे प्रस्तुत किया जाए। इन शैली नियमों को आपके HTML से लिंक करने के विभिन्न तरीके हैं। दस्तावेज़ों, लेकिन बाहर शुरू करने के लिए सबसे सरल तरीका HTML के स्टाइल तत्व का उपयोग करना है। इस तत्व को दस्तावेज़ HEAD में रखा गया है, और इसमें पृष्ठ के लिए शैली नियम शामिल हैं।
CSS का इतिहास :
1970 में एसजीएमएल की शुरुआत से हिस्ट्री स्टाइल शीट एक या दूसरे रूप में मौजूद हैं। कैस्केडिंग स्टाइल शीट्स को वेब दस्तावेज़ों के लिए शैली की जानकारी प्रदान करने के लिए एक सुसंगत दृष्टिकोण बनाने के लिए एक साधन के रूप में विकसित किया गया था।
जैसे-जैसे एचटीएमएल बढ़ता गया,यह वेब डेवलपर्स की मांगों को पूरा करने के लिए कई प्रकार की शैली गत क्षमताओं को शामिल किया गया। इस विकास ने डिजाइनर को साइट की उपस्थिति पर अधिक नियंत्रण दिया लेकिन HTML की कीमत पर लिखने और बनाए रखने के लिए और अधिक जटिल हो गया।
वेलोसॉफ़ और वर्ल्ड वाइड वेब जैसे स्वागत ब्राउज़र कार्यान्वयन में भिन्नता, निरंतर उपस्थिति को कठिन बना देती है, और वेब सामग्री कैसे प्रदर्शित होती है, इस पर उपयोगकर्ताओं का नियंत्रण कम करता है। रॉबेन कैलिओ प्रस्तुति से संरचना को अलग करना चाहते थे।
आदर्श तरीका उपयोगकर्ता को विभिन्न विकल्प देना और तीन अलग-अलग प्रकार की स्टाइल शीट को स्थानांतरित करना जैसे: एक मुद्रा के लिए, एक स्क्रीन पर प्रस्तुति के लिए और एक संपादक सुविधा के लिए।
CSS में विभिन्न स्तर और प्रोफाइल हैं। CSS का प्रत्येक स्तर अंतिम रूप से बनाता है, आम तौर पर नई सुविधाओं को जोड़ता है और CSS1, CSS2, CSS3 और CSS4 के रूप में चिह्नित किया जाता है।
प्रोफाइल आमतौर पर एक विशेष उपकरण या उपयोगकर्ता इंटरफ़ेस के लिए निर्मित सीएसएस के एक या अधिक स्तरों के सबसेट होते हैं। वर्तमान में मोबाइल डिवाइस, प्रिंटर और टेलीविज़न सेट के लिए प्रोफाइल हैं। प्रोफाइल मीडिया प्रकारों के साथ नहीं होना चाहिए, जिन्हें CSS2 में जोड़ा गया था।
Read Also: कंप्यूटर क्या है? और कंप्यूटर कैसे काम करता है ?
CSS1:
एक आधिकारिक W3C सिफारिश बनने वाला पहला CSS विनिर्देश CSS स्तर 1 है।जिसे दिसंबर 1996 में प्रकाशित किया गया था । W3C अब CSS1 अनुशंसा को बनाए नहीं रखता है।
CSS2:
css स्तर 2 विनिर्देश W3C द्वारा विकसित किया गया था और मई 1998 में सिफारिश के रूप में प्रकाशित किया गया था। CSSI के एक सुपर सेट, CSS2 में कई नई क्षमताएँ शामिल हैं जैसे कि सापेक्ष और तत्वों की निश्चित स्थिति और सूचकांक, सर्जिकल स्टाइल शीट और द्विदिश पाठ के लिए मीडिया प्रकार के समर्थन की अवधारणा, और छाया जैसे नए फ़ॉन्ट गुण W3C अब CSS2 की अनुशंसा को बनाए नहीं रखते हैं।
CSS 2.1:
CSS स्तर 2 संशोधन, जिसे अक्सर “css 2.1” के रूप में संदर्भित किया जाता है। CSS में त्रुटियों को ठीक करता है, पूरी तरह से समर्थित सुविधाओं को पूरी तरह से समर्थित नहीं या हटाता है और पहले से ही लागू किए गए ब्राउज़र एक्सटेंशन को जोड़ता है।
W3C प्रक्रिया का पालन करने के लिए। तकनीकी विशिष्टताओं को मानकीकृत करने के लिए, 2.1 आगे की समीक्षा के लिए2.1 वर्किंग ड्राफ्ट 2005 के बीच आगे और पीछे चला गया। यह 19 जुलाई 2007 को और फिर अंतिम कॉल वर्किंग ड्राफ्ट 7 दिसंबर 2010 को पर वापिस आ गया ।
CSS 2.1 12 अप्रैल 2011 को प्रस्तावित सिफारिश में लाया गया W3C सलाहकार समिति द्वारा समीक्षा किए जाने के बाद, इसे अंततः 7 जून 2011 को W3C सिफारिश के रूप में प्रकाशित किया गया था।
Read Also: कंप्यूटर की संरचना और कंप्यूटर के प्रकार।
CSS3:
CSS2 के विपरीत विभिन्न विशेषताओं को परिभाषित करने वाले एक बड़े एकल विनिर्देश CSS3 को “मॉड्यूल” नामक सेवरल सेपरेट दस्तावेज़ों में विभाजित किया गया है। प्रत्येक मॉड्यूल CSS2 में परिभाषित सुविधाओं की नई क्षमता जोड़ता है।
पिछड़े संगतता का विस्तार। मूल CSS2 सिफारिश के प्रकाशन के समय के आसपास बोए गए CSS स्तर पर काम करें। सबसे शुरुआती CSS3 171 ड्राफ्ट जून 1999 में प्रकाशित किए गए थे, मॉडर्लाइज़ेशन के कारण, अलग-अलग मॉड्यूल में अलग-अलग स्थिरता है और अलग-अलग हैं नवंबर 2011 तक, CSS वर्किंग ग्रुप से पचास से अधिक CSS मॉड्यूल प्रकाशित हुए हैं जिनमें से तीन में सेलेक्टर्स, नेमस्पेस और कलर हैं।
“2011 में W3C रिकमेंडेशन बन गया। बैकग्राउंड्स एंड कलर्स, मीडिया क्वेरीज़, मल्टी-कॉलम ले आउट जैसे Recommendation स्टेटस और मामूली स्थिर माने जाते हैं। इस स्तर पर। वेंडर प्रीफिक्स को छोड़ने के लिए कार्यान्वयन की सलाह दी जाती है।
CSS कैसे डालें (How To Insert CSS in hindi):
CSS कैसे डालें जब कोई ब्राउज़र स्टाइल शीट पढ़ता है, तो यह उसके अनुसार दस्तावेज़ को प्रारूपित करेगा। स्टाइल शीट डालने के तीन तरीके हैं।
- बाहरी शैली शीट ( External Style Sheet )
- आंतरिक शैली शीट ( Internal Style Sheet )
- इनलाइन शैली ( Inline Style Sheet )
बाहरी शैली शीट ( External Style Sheet ):
एक बाहरी शैली शीट आदर्श है जब शैली को पृष्ठों पर लागू किया जाता है। बाहरी स्टाइल C के साथ, आप एक फ़ाइल को बदलकर संपूर्ण वेब साइट का रूप बदल सकते हैं। प्रत्येक पेज को स्टाइल शीट यू से लिंक> टैग लगा होगा। <लिंक> हेड सेक्शन के अंदर एक एक एक्शन होगा :
<head>
<link rel = “stylesheet” type = “text/css” href = “mystyle.css”/>
</head>
किसी भी बाहरी स्टाइल शीट को किसी में भी लिखा जा सकता है। पाठ संपादक फ़ाइल में कोई भी हिट टैग नहीं होना चाहिए। स्टाइल शीट को .CSS एक्सटेंशन के साथ सहेजा जाना चाहिए। एक शैली शीट फ़ाइल का एक उदाहरण नीचे दिखाया गया है:
hr(color:siena;)
body {background-image:url(“image/back40.gif”); }
संपत्ति के मूल्य के बीच रिक्त स्थान न छोड़ें: इकाइयाँ! “मार्जिन – लेफ्ट: 20 पीएक्स” (“मार्जिन – लेफ्ट: 20 पीएक्स” के बजाय) IE में काम करेगा, लेकिन फ़ायरफ़ॉक्स या ओपेरा में नहीं।
Read Also: Binary Number System Kya Hai?
आंतरिक शैली शीट ( Internal Style Sheet ):
एक आंतरिक स्टाइल शीट का उपयोग तब किया जाना चाहिए जब किसी एकल दस्तावेज़ में एक अनूठी शैली हो। HTML शैली के मुख्य भाग में <style> टैग का उपयोग करके आंतरिक शैलियों को परिभाषित किया जा सकता है, इस तरह:
<head>
<style type = “text / ess”>
hr {color:sienna:}
p {margin-left: 20px;}
body {background-image:url(“image/back40.gif”)}
</ style>
</ head>
इनलाइन शैली ( Inline Style Sheet )
इनलाइन स्टाइल प्रस्तुति के साथ कंटेंट मिक्स करके स्टाइल शीट्स के कई फायदों को खो देती है। इस विधि का प्रयोग संयम से करें! इनलाइन शैलियों का उपयोग करने के लिए आप संबंधित टैग में शैली विशेषता का उपयोग करते हैं। शैली विशेषता में कोई भी CSS संपत्ति हो सकती है। उदाहरण दिखाता है कि पैराग्राफ के रंग और बाएं मार्जिन को कैसे बदलना है:
<p style = “color:sienna;margin-left:20px”> besttopten.in(यह एक पैराग्राफ है) </ P>
Source: I&WT, Wikipedia