What is CSS in hindi? नमस्कार दोस्तों Techy Beginner में आपका बहुत बहुत स्वागत है | दोस्तों आज हम इस आर्टिकल में जानेंगे की CSS क्या है ? (What is CSS),CSS कितने प्रकार (Types of CSS) का होता है तथा CSS कैसे सीख सकते है |
 |
| What is css in hindi |
दोस्तों अगर आप Website Designer या Blogger है तो आपको दो चीजो की जानकरी होना बहुत जरूरी है पहला HTML क्या है तथा दूसरा CSS क्या है? ।दोस्तों हमने HTML क्या है ? इसके बारे में पहले से article लिखा है अगर आपने नही पढ़ा तो आप HTML के बारे में जान सकते है ।इस ब्लॉग में हम CSS के बारे में बात करेंगे ।अगर आप यह ब्लॉग पूरा ध्यान से step by step समझेंगे तो मुझे पूर्ण विश्वास है की CSS क्या होता है ? इस प्रश्न का उत्तर किसी को भी आप आसानी से दे सकेंगे।तो चलिए दोस्तों जानते है CSS क्या है।
CSS क्या है(What is CSS in hindi)
CSS का पूरा नाम Cascading stylesheet होता है ।दोस्तों CSS को हम Web Designing का Beauty Parlor कह सकते है। क्योकि किसी भी Website की खूबसूरती CSS पर निर्भर करती है ।CSS के माध्यम से हम Text को कलर,Page में margin ,padding सेट कर सकते है।
CSS के प्रकार
CSS मुख्यतः तीन प्रकार का होता है
- Inline CSS
- internal CSS
- External css
1. Inline CSS
जब हम CSS या कहे style को किसी टैग या div में लिखते है या use करते है तो इसे Inline CSS कहते है।इनलाइन css लिखना designing के rules में अच्छा नही माना जाता यह इसकी वजह से page पर बहुत code हो जाता है और यदि हम Inline CSS use करते है तो हमे हर बार हर div या टैग के लिए अलग से CSS लिखनी पड़ती है ।
Inline CSS का उदाहरण :
<div style="color:red"><p>What is CSS in hindi<p></div>
<p style="color:red">What is CSS in hindi</p>
<div style="color:red"><p>What is CSS in hindi<p></div>
<p style="color:red">What is CSS in hindi</p>
2. Internal CSS
Internal CSS लिखने के लिए हमे वेबपेज के head section में <style> Tag के अंदर CSS लिखनी होती है जो की हम किसी selector का उपयोग करके लिख सकते है ।
चलिए इसको एक उदाहरण से समझते है ।
<html>
<head>
<style>
.red {
Text-Color: Red;
}
</style>
</head>
<body>
<div class="red">
<p>What is CSS in hindi
<p>
</div>
<p class="red">What is CSS in hindi</p>
</body>
<html>
<html>
<head>
<style>
.red {
Text-Color: Red;
}
</style>
</head>
<body>
<div class="red">
<p>What is CSS in hindi
<p>
</div>
<p class="red">What is CSS in hindi</p>
</body>
<html>
उपरोक्त कोड में हमे Code एक Red नाम की class बनाई और जहा जहां हमे Text Color Red करना है वहा उस class को Call कर दिया |
3. External CSS
दोस्तों यदि आप एक अच्छे Web Designer बनना चाहते है तो ज्यादतर External CSS का उपयोग करे। External CSS को लिखने के लिए हमे एक CSS File बनानी होती है तो सबसे पहले सीखते है External CSS फ़ाइल कैसे बनाएंगे।
सबसे पहले हमे एक Text File को .CSS के extension से save करना होगा फिर उसमे अपनी selector के माध्यम से CSS define करेंगे । इसके पश्चात हम उस फ़ाइल को Link Tag की सहायता से अपने webpage से जोड़ देंगे।
उदाहरण : <link href="abc.css" rel="stylesheet"/>
इस प्रकार हम एक ही CSS को कई जगह उपयोग कर सकते है हमे हर जगह CSS Code लिखने की आवश्यकता नही पड़ेगी।
CSS के फायदे
1. Time Saving
Class बनाकर हम CSS को कई बार कई जगह उसे कर सकते है जिससे हमारे समय को बचत होगी।
2. Reduse Page Size
CSS का उपयोग करके हर जगह टैग Attribute को इस्तेमाल नही करना पड़ता जिससे page पर कोड कम रहता है और page का size भी कम रहता है जिससे पेज की loading speed तीव्र हो जाती है।
2. Easy to Maintain
आप एक सम्पूर्ण website के लिए एक CSS का इस्तेमाल कर सकते जिससे आप को यदि कोई style change करना होगा तो मात्र एक जगह से बदलाव करने से पूरी वेबसाइट में change हो जायेगा इससे आपको आपको website manage करने में असानी होगी |
CSS कैसे सीखे ?
दोस्तों जैसा की हमने ऊपर कहा की वेब डिज़ाइनर बनने के लिए आप को दो चीजे बहुत जरुरु है वो है HTML और CSS ,तो सवाल ये आता है की यह सब हम सीखे कहा से तो दोस्तों आज की डिजिटल दुनिया में आपको ऐसी बहुत सारे ऑनलाइन कोर्सेज मिल जायेंगे जहा आप css सिख सकते है | या निचे मै कुछ वेबसाइट की लिस्ट दे रहा हूँ वहा से भी आप इन सभी के बारे में जानकारी हासिल कर सकते है |
हमने क्या सीखा ?
दोस्तों हमने इस आर्टिकल में CSS क्या होता है ,CSS कितने प्रकार की होते है तथा CSS के फायदों के बारे में step by step समझा | उम्मीद है दोस्तों आपको यह जानकारी आपको पसंद आई होगी | दोस्तों जल्द ही हम CSS Full Tutorial IN Hindi लेकर आएंगे जिसमे आप Advance Feature के बारे में जानेंगे | तो दोस्तों आप निरंतर हमसे जुड़े रहे Ctrl +D press करके Techy Beginner को Bookmark कर लीजिये |
दोस्तों आपको यह ब्लॉक कैसा लगा कमेंट सेक्शन में लिखकर हमें जरूर बताएं आपके सुझाव हमारे लिए अत्यंत महत्वपूर्ण है धन्यवाद|
Related Tag : What is CSS ?, CSS in Hindi ,Types Of CSS, Benefit of CSS, CSS क्या होता है ?
Devesh Pandey(Founder/Author)
नमस्कार दोस्तों मैं Devesh Pandey ,Techy Beginner का Founder/Author हूँ ,अगर बात की जाये Education की तो मैंने Computer Application में Post Graduation किया है | मुझे टेक्नोलॉजी सीखना और दुसरो को सीखना बहुत अच्छा लगता है आप सभी से निवेदन है यूही हमारा सहयोग करते रहे और हमारे और हमारे ब्लॉग के माध्यम से नई नई टेक्नोलॉजी सीखते रहे |
धन्यवाद !
Nice article, Which you have shared about the html tutorial. Your article is very informative and useful for those who are looking for html tutorial in hindi.
ReplyDeleteNice Post Your content is very inspiring and appriciating I really like it please visit my site for
ReplyDeletegali satta
satta result
satta king
Satta Bajar
सट्टा किंग
delhi satta king
Disawar satta king
Satta King 786
Post a Comment