CSS ट्यूटोरियल या CSS 3 ट्यूटोरियल सीएसएस तकनीक की बुनियादी और उन्नत अवधारणाएं प्रदान करता है। हमारा सीएसएस ट्यूटोरियल शुरुआती और पेशेवरों के लिए विकसित किया गया है। CSS के प्रमुख बिंदु नीचे दिए गए हैं: CSS का मतलब कैस्केडिंग स्टाइल शीट है। CSS का उपयोग HTML टैग्स को डिज़ाइन करने के लिए किया जाता है। CSS वेब पर व्यापक रूप से उपयोग की जाने वाली भाषा है। वेब डिजाइनिंग के लिए HTML, CSS और JavaScript का उपयोग किया जाता है। यह वेब डिज़ाइनरों को HTML टैग्स पर स्टाइल लागू करने में मदद करता है।
You Mgiht like:- Python Full Course - Free
1. CSS - Cascading Style Sheets क्या है?
- CSS एक शैली शीट भाषा है जो एचटीएमएल दस्तावेज़ों के लिए रूपांतरण स्वरूप और अभिव्यक्ति के लिए उपयोग की जाती है।
- इससे हम वेब पृष्ठों के अपने दिखावट और तृज्यक अनुकूलन को बदल सकते हैं। अथवा CSS - (Cascading Style Sheets) वेब डेवलपमेंट में एक शैली शीट भाषा है।
- जिसका उपयोग वेब पृष्ठों के स्टाइल, रंग, तालिका और खाका आदि को बदलने के लिए किया जाता है।
- CSS का विकास HTML के साथ संबद्ध है, जो वेब डॉक्यूमेंट का संरचना निर्धारित करता है। इस भाषा के उपयोग से हम वेबसाइटों को आकर्षक, सुंदर, और उपयोगकर्ता के अनुकूल बना सकते हैं।
2. CSS कैसे काम करता है?
CSS एक कैस्केडिंग भाषा है, इसका मतलब यह है कि आप एक एचटीएमएल दस्तावेज़ के विभिन्न तत्वों को एकत्र करने और स्टाइल लागू करने के लिए नियम बना सकते हैं।
You Mgiht like:- HTML Full Course - Free with Notes
3. सेलेक्टर (Selectors) क्या हैं?
सेलेक्टर्स वे तत्व होते हैं जिन पर आप स्टाइल लागू करना चाहते हैं। उन्हें आप तत्व के नाम, टैग, कक्षा, आईडी, और प्रतिक्रिया (एवं अन्य समुदाय) के माध्यम से चुन सकते हैं।
4. संपत्तियाँ (Properties) क्या हैं?
संपत्तियाँ स्टाइल और दिखावट विशेषताओं को निर्धारित करती हैं, जैसे कि फ़ॉन्ट, रंग, पट्टी, और उंचाई आदि।
5. मूल्य (Values) क्या हैं?
मूल्य संपत्तियों के लिए निर्धारित संख्यात्मक या स्त्री जैसे निर्धारित समूह होते हैं। इनमें आप रंग, फ़ॉन्ट साइज़, पिक्सल, प्रतिशत, औरविकल्प जैसे मान दे सकते हैं।
6. कैस्केडिंग (Cascading) क्या है?
कैस्केडिंग एक महत्वपूर्ण विशेषता है जो CSS को अनुमति देती है कि आप एक तत्व पर एकाधिक संपत्तियों को लागू कर सकें। यह भाषा में शैली हीरार्कियाँ बनाने की अनुमति देती है।\
7. कैस्केडिंग आदेश (Cascading Order) क्या है?
कैस्केडिंग आदेश वह विधि है जिसके माध्यम से CSS समूह और आयामों के बीच विभिन्न विभाजन नियम के अनुसार प्राथमिकता तय करता है। यह निर्धारित करता है कि एक संपत्ति किस संपत्ति से अधिक प्राथमिकता रखती है।
8. CSS कोड एक HTML दस्तावेज़ में कैसे शामिल करें?
CSS कोड को `<style>` टैग के भीतर शामिल किया जाता है, जो `<head>` टैग के भीतर स्थानित होता है। इससे हम वेब पृष्ठ को स्टाइल दे सकते हैं।
उम्मीद है कि यह छोटा CSS ट्यूटोरियल आपके लिए मददगार साबित होगा। आप इसे पढ़कर बेहतर ढंग से CSS की दुनिया में प्रवेश कर सकते हैं। अधिक जानकारी के लिए, आप ऑनलाइन CSS ट्यूटोरियल्स और वेबसाइट्स का भी उपयोग कर सकते हैं। सफलता की कामना करते हैं!
CSS का इतिहास:
- CSS का विकास वेब डेवलपमेंट में एक महत्वपूर्ण पड़ाव था। इसकी शुरुआत HTML के बाद वेब पृष्ठों को स्टाइल और रंग के लिए टैग्स (टैग आधारित शैली) का उपयोग किया जाता था, लेकिन इसमें विशेषताओं के साथ विस्तारित स्टाइलिंग करना मुश्किल था।
- इससे पहले, वेब डिज़ाइनर्स को विभिन्न वेब पृष्ठों के लिए विशेष शैली विन्यास के लिए जावास्क्रिप्ट जैसी तकनीकें उपयोग करनी पड़ती थीं, जो की बहुत दिक्कतवार और समय लेती थीं।
- 1994 में, वेब डिज़ाइनर Håkon Wium Lie ने CSS के विकास का प्रस्ताव प्रस्तुत किया, जो की वेब पेजों के स्टाइलिंग को सुगम और प्रभावी बनाने का उद्देश्य रखता था।
- 1996 में, CSS1 (Cascading Style Sheets Level 1) बना और W3C द्वारा अनुमोदित किया गया। इससे पहले, विभिन्न ब्राउज़र विकसक अलग-अलग स्टाइलिंग समर्थन करते थे, जिससे वेबसाइटों को अलग-अलग दिखावट मिलती थी।
- 2007 में, CSS2 (Cascading Style Sheets Level 2) को लागू किया गया जिसमें नई स्टाइलिंग विशेषताएं और गणनीयता जोड़ी गई।
- 2011 में, CSS3 (Cascading Style Sheets Level 3) जारी किया गया, जिसमें विभिन्न नई विशेषताएं, ऑडियो, वीडियो, अंतर्वार्ता, और ऑफ़लाइन विशेषताएं शामिल हुईं।
- आजकल, CSS3 विभिन्न ब्राउज़रों में बड़े से बड़े प्रोजेक्टों में उपयोग किया जा रहा है। इसमें वेब डिज़ाइनर्स को बेहतर स्टाइलिंग, एनिमेशन, ट्रांसिशन्स, और इंटरैक्टिविटी की अनुमति होती है।
- CSS की नवीनतम संस्करण CSS4 का विकास भी जारी है, जिसमें और भी अनेक रोचक वशेषताएं शामिल की जा रही हैं।
- CSS के विकास से वेब डेवलपमेंट में बड़े से बड़े परिवर्तन हुए हैं, जिससे वेबसाइटों का आकर्षक और उपयोगकर्ता के अनुकूल बनाना आसान बन गया है। CSS ने वेब डिज़ाइनिंग को नई ऊंचाइयों तक पहुंचाया है और आने वाले समय में इसका उपयोग और भी अधिक सुविधाजनक बनाने की कोशिश जारी रहेगी।
सीएसएस क्यों सीखें?
कैस्केडिंग स्टाइल शीट्स, जिसे प्यार से सीएसएस कहा जाता है, एक सरल डिज़ाइन भाषा है जिसका उद्देश्य वेब पेजों को प्रस्तुत करने योग्य बनाने की प्रक्रिया को सरल बनाना है। सीएसएस छात्रों और कामकाजी पेशेवरों के लिए एक महान सॉफ्टवेयर इंजीनियर बनने के लिए जरूरी है, खासकर जब वे वेब डेवलपमेंट डोमेन में काम कर रहे हों।
- शानदार वेब साइट बनाएं - सीएसएस वेब पेज के लुक और अनुभव को संभालता है। सीएसएस का उपयोग करके, आप टेक्स्ट का रंग, फ़ॉन्ट की शैली, पैराग्राफ के बीच की दूरी, कॉलम का आकार और लेआउट कैसे किया जाता है, पृष्ठभूमि छवियों या रंगों का उपयोग किया जाता है, लेआउट डिज़ाइन, विभिन्न उपकरणों और स्क्रीन आकारों के लिए डिस्प्ले में भिन्नता को नियंत्रित कर सकते हैं। साथ ही कई अन्य प्रभाव भी।
- एक वेब डिजाइनर बनें - यदि आप एक पेशेवर वेब डिजाइनर के रूप में करियर शुरू करना चाहते हैं, तो HTML और CSS डिजाइनिंग एक आवश्यक कौशल है।
- नियंत्रण वेब - सीएसएस सीखना और समझना आसान है लेकिन यह HTML दस्तावेज़ की प्रस्तुति पर शक्तिशाली नियंत्रण प्रदान करता है। आमतौर पर, सीएसएस को मार्कअप भाषाओं HTML या XHTML के साथ जोड़ा जाता है।
- अन्य भाषाएँ सीखें - एक बार जब आप HTML और CSS की मूल बातें समझ जाते हैं तो जावास्क्रिप्ट, php, या एंगुलर जैसी अन्य संबंधित तकनीकों को समझना आसान हो जाता है।
Syntax
<html>
<head>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.1/jquery.min.js"></script>
</head>
<body>
<div class="welcome">Welcome To Procoderh.blogspot.com</div>
<body>
</html>
<script type="text/javascript">
$(document).ready(function() {
$(".welcome").append("!!!");
});
</script>
<style type="text/css">
.welcome {
color:blue;
font-size:36px;
font-family:cursive;
text-align:center;
padding:20px;
}
</style>