जैसा की आप जानते ही हैं, की दुनिया में सभी चीज़ें कितनी तेज़ी से आगे बढ़ रही हैं, और इसी के साथ नयी टेक्नोलॉजी भी आ रही हैं, और वो सभी टेक्नोलॉजी में प्रोगरामिंग या कोडिंग का यूज़ किआ जाता है, उसी तरह से आज हम आपको आज CSS क्या है के बारे में पूरी जानकारी देने वाले हैं।
अगर आप एक Web Developer बनना चाहते है तो, या खुद से किसी भी Website को Design करना चाहते है, तो सबसे पहले आपको CSS के बारे में जानकारी होना चाहिए। CSS सीखना बहुत ही आसान है, आप इसे YouTube के द्वारा online Video देखकर भी सिख सकते हैं।
बहुत सारे लोगों का कहना हैं की Web Developer बनने के लिए आपके पास Computer related डिग्री होना चाहिए पर ऐसा कुछ नहीं है अगर आपके पास knowledge है तो डिग्री का कोई महत्व नहीं है क्योंकि सभी Company डिग्री देखकर जॉब नहीं देते हैं, वहां आपका काम देखा जाता है, और आजकल तो एसी बहौत सारी अच्छी कंपनी हैं, जहाँ पर आपको बिना डिग्री के भी जॉब मिल जाएगी।
Blogging करने के लिए हमारे पास computer और internet के साथ साथ बहुत से ज्ञान की जरुरत है जो एक website बनाते वक़्त काम आती है, और जो सबसे जरुरी चीज है वो है HTML. HTML क्या है इसके ऊपर हमने एक लेख लिखा है आप चाहे तो वहां से इसकी जानकारी हासील कर सकते हैं.
वैसे तो अगर आप आज यहाँ CSS क्या है जानने आएं हैं, तो आपको प्रोगरामिंग या कोडिंग के बारे में भी थोड़ा बहौत जानकारी होगी, और अगर नहीं है तो यहाँ निचे दीगयी लिंक से आप जान सकते हैं की coding क्या है।
coding क्या है और इसे कैसे सीखे? हिंदी में जानकारी
कोडिंग या प्रोगरामिंग का यूज़ हम सॉफ्टवेयर बनाने में करते हैं, और उसके लिए हमे बहौत सारी प्रोगरामिंग लैंग्वेज की भी जानकारी होनी चाइए तभी हम कोई भी सॉफ्टवेयर, एप्प या कोई वेबसाइट बना सकते हैं।
और CSS की अगर बात करें तो, इसका यूज़ ज्यादा तर किसी वेबसाइट या एप्प में ज्यादा किआ जाता है, और इसी की मदद से इनकी शुरुआत की जाती है, तो आगे आज हम आपको CSS के बारे में पूरी जानकारी देने वाले हैं, तो इस आर्टिकल तो अच्छे से पढ़िएगा, ताकि आपसे कोई भी चीज़ मिस न हो।
Table of Contents
CSS क्या है? (What is CSS in Hindi)
CSS का पूरा फुल फॉर्म Cascading Style Sheet है | CSS का इस्तेमाल करके HTML Document को design किया जाता है |
CSS से background colors, images, height, width, text font, font size, layout और भी कई चीजों को अपने अंदर में रखता है |
CSS ये काफी आसान Styling Language है | इस language का इस्तेमाल HTML Document के style और layout के लिए किया जाता है |
HTML और CSS हमेसा साथ में ही इस्तेमाल किये जाते हैं. CSS के बिना हम html का इस्तेमाल कर सकते हैं मगर html के बिना css का इस्तेमाल नहीं किया जा सकता है.
HTML के अतिरिक्त CSS का उपयोग अन्य Markup Languages जैसे XML, XUL, XHTML तथा SVG आदि के साथ भी किया जाता है।इसके अपने Code-Words यानि स्टाइल रूल्स है, जो एक वेबपेज की अलग-अलग प्रकार से फॉर्मेटिंग करते है.
CSS कितने टाइप्स के होते हैं? (Types of CSS in Hindi)
CSS के तीन types के होते हैं। यानि इसको तीन तरह से HTML elements में डाला जा सकता है। जो इस प्रकार हैं-
- Inline
- Internal
- External
Inline CSS
जब हम किसी HTML tag के अंदर ही CSS लिखते हैं तो उसे Inline CSS बोलते हैं। इस तरीके में CSS की Properties “style” attribute के अंदर लिखी जाती हैं। उदाहरण के लिए-
<html>
<head>
<title>Inline CSS Demo</title>
</head>
<body style="background-color:red">
<p>This is inline CSS Demo</p>
</body>
</html>Internal CSS
इस तरीके में CSS किसी HTML पेज में ही लिखते हैं जिसका effect भी केवल उसी पेज पर पड़ता हैं। इस तरीके में CSS style tags के अंदर लिखते हैं तथा style tags head tags के अंदर रहते हैं। उदाहरण के लिए-
<html>
<head>
<title>Internal Style Demo</title>
<style>
body{
background-color:red;
}
</style>
</head>
<body>
<p>This is internal style sheet</p>
</body>
</html>External CSS
HTML में external CSS का use हम बहुत से html page के style को एक साथ बनाने के लिए करते हैं। इसके जरिये आप पूरी website के look को एक ही फाइल से change कर सकते हो। External style sheet को प्रयोग करने के लिए आपको HTML page के में file link करनी होगी।
<html>
<head>
<title>External Style Demo</title>
<link rel="stylesheet" type="text/css" href="externalDemo.css">
</head>
<body>
<p> This is external stylesheet</p>
</body>
</html>CSS और HTML को आसानी से लिखा जा सकता है। इनको लिखने के लिये एक Text Editor की आवश्यकता होती है जैसे Notepad, Notepad +, Sublime Text तथा एक Web Browser की आवश्यकता होती है ताकि कोड लिख लेने के बाद उन्हें इंटरनेट के द्वारा देखा जा सके।
CSS वक़्त बचाता है, एक html के webpage में use किये गए style को हम दुसरे बहुत सारे web page में इस्तेमाल कर सकते हैं वो भी css के code को सिर्फ एक बार लिख कर.
हमे अलग अलग web page को बनाने के लिए बार बार css का code लिखना नहीं पड़ेगा. और सिर्फ एक ही बार लिखे हुए css code का हम इस्तेमाल करके जितने चाहे उतने web pages बना सकते हैं, जिसमे हमारा काफी वक़्त बच जाता है.
यदि आप वेब डिज़ाइनिंग या वेब डेवलपमेंट में अपना कैरियर बनाना चाहते हैं तो आपको सीएसएस का उपयोग आना अनिवार्य है। मुझे उम्मीद है कि अब आप HTML – CSS की कांसेप्ट को समझ चुके हैं।
CSS कहाँ से और कैसे सीखें? How to learn CSS Online
अगर आपको HTML सीखना है, और और इसकी मदद से काम करना है, तो आप ऑनलाइन भी html पढ़ सकते हैं, आपको ऑनलाइन बहौत सारी एसी वेबसाइट और YouTube channel मिल जायेंगे जहाँ से आपको फ्री में html सीखने का मौका मिलेगा। आइए आपको कुछ एसी ही वेबसाइट की एक लिस्ट बताते हैं।
| w3schools.com | FREE |
| tutorialspoint.com | FREE |
| codecademy.com | FREE/PAID |
| Udemy.com | FREE/PAID |
इन सब के अलावा अगर आप YouTube पर थोड़ा रिसर्च करेंगे, तो आपको बहौत सारी अच्छी क्लास मिल जायेंगी, जहाँ पर आपको फ्री में CSS के बारे में सब कुछ जानने को मिल जाएगा, और साथ ही आपको इसके बारे में बहौत कुछ सीखने को भी मिलेगा।
तो दोस्तों आज हमने आपको इस पोस्ट में बताया की CSS क्या है? और आप इसे कैसे सीख सकते हैं, हम तो आपको यही बोलेंगे की आज के समय में आपको भी कोडिंग के बारे में जानकारी होनी चाइए, और साथ ही बनना भी चाइए।
क्यू की आने वाले समय में इसकी सबसे ज्यादा जरूरत होने वाली है, सभी चीज़ें अब ऑनलाइन और इलेक्ट्रॉनिक की मदद से की जा रही है, और साथ ही सभी चीज़ें स्मार्ट भी होगयी हैं।
तो अगर आपको कोई चीज़ जो इस पोस्ट में आज हमने आपको बताई, उसमे से अगर कोई चीज़ एसी हो जोकि आपको समझ में नहीं आयी हो, तो आप हमसे निचे दिए गए कमेंट बॉक्स में पूछ सकते हैं, हम आपकी मदद करने की पूरी कोसिस करेंगे, और साथ ही इस पोस्ट को भी जरूर शेयर करें।
FAQ
Q. CSS कहाँ से सीखें?
Ans. अगर आपको CSS को सीखना है तो इसके लिए आप w3schools.com, या tutorialspoint.com जैसी वेबसाइट से सीख सकते हैं।
Q. CSS का इस्तेमाल किस लिए किआ जाता है?
Ans. CSS का इस्तेमाल किसी भी वेबसाइट या वेब पेज की डिज़ाइन के लिए किआ जाता है।
Read More-
- HTML क्या है? HTML कहाँ से और कैसे सीखें। पूरी जानकारी हिंदी में
- JAVA क्या है? JAVA कहाँ से और कैसे सीखें। पूरी जानकारी हिंदी में
- PHP क्या है? PHP कहाँ से और कैसे सीखें। पूरी जानकारी हिंदी में
- C Language क्या है? सी लैंग्वेज कहाँ से और कैसे सीखें।
- coding क्या है और इसे कैसे सीखे? हिंदी में जानकारी
- Programming क्या है? प्रोग्रामिंग कैसे सीखें