CSS क्या है CSS कैसे सीखे? CSS in Hindi

ByVikas Sahu Hours

CSS क्या है और CSS के बारे में पूरी जानकारी आपको यहाँ पर सिखने को मिलेगी दोस्तों मैंने एक New Category पर लिखना स्टार्ट किया है जिसमे Programming Languages पर आपको हिंदी में गाइड करुगा क्युकी मुझे भी Programming Languages सीखना हो सीखना बहुत पसंद है और आपको भी जरूर होगा आज के इस लेसन…

CSS क्या है और CSS के बारे में पूरी जानकारी आपको यहाँ पर सिखने को मिलेगी दोस्तों मैंने एक New Category पर लिखना स्टार्ट किया है जिसमे Programming Languages पर आपको हिंदी में गाइड करुगा क्युकी मुझे भी Programming Languages सीखना हो सीखना बहुत पसंद है और आपको भी जरूर होगा आज के इस लेसन में हम यही जानेगे की CSS क्या है और उसका मतलब क्या है CSS को कहा पर और क्यों उसे करते है

CSS क्या है? में आपको की CSS पूरी जानकारी
CSS क्या है? में आपको की CSS पूरी जानकारी

आगे के Lessons में आपको CSS उसे करना सिखाऊंगा अपने तरीके से बताउगा जिसको पढ़ने और समझने का तरीका काफी आसान होगा CSS को Html के साथ उससे डिज़ाइन और उससे Attrective Look देने के लिए उपयोग करते है CSS ऐसी Language है जो काफी आसान है और उपयोग करना तो उससे भी ज्यादा आसान है वेब डेवलपमेंट में CSS का एक मैं पार्ट होता है जिसके बारे में हम आगे भी चर्चा करेंगे.

अगर आपको लगता है की आपको Programming और Web Development फील्ड में वर्क करना है तो आपको Html और CSS से शुरुवात करनी चाहिए इसका कारण यही है की यह आसान है और अगर यह सिख गए तो आपका आगे का रास्ता भी आसान हो जायेगा.

CSS क्या है? What is CSS in Hindi

दोस्तों Css का पूरा नाम Cascading Style Sheets होता है, यह Html Elements के साथ उन्हें डिज़ाइन और लुक देने का काम करता है, Style Sheets (files) से आप Html के Elements को Arrange और Style कर सकते है, CSS को 1994 में Håkon Wium Lie ने बनाया था जिसका उपयोग Html Elements के लिए को Define करने और उन्हें Attrective बनाने के लिए किया जाता था और Layout और Variations से वेब पेज को Css से आप Responsive बनाकर सभी डिवाइस के लिए Responsive Website तैयार कर सकते है.

CSS का उपयोग XML, SVG, और XUL और किसी भी प्रकार के XMLडाक्यूमेंट्स (XML Documents) के साथ भी किया जाता है, वेब पेज में Fonts जोड़ना हो या फिर किसी Image को सेट करना हो, Html आपको एक ढांचा देता है जिसके तत्वों को आप Css के साथ डिज़ाइन कर सकते है, पहले के मामले में Css अभी बहुत Advance हो चूका है, दोस्तों आज के इस लेख में आप ज्यादा तो नहीं पर इतना जरूर जान पाएंगे की आखिर Css चीज़ क्या है और यह कैसे काम करता है.

CSS और HTML में क्या अंतर है

आप सोच रहे होंगे की Html से हम वेबसाइट को कुछ हद तक तैयार कर सकते है तो फिर Css का का क्या काम रह गया, Html से सिर्फ आप वेबसाइट का ढांचा तैयार कर सकते है और उससे सही रूप देने के लिए आपको Html से बनाये गए Elements को Css से डिज़ाइन करके एक Perfect Website बना सकते है, Html के बिना Css अधूरा हो जाता है.

Html की मदद से आप वेबसाइट का ढांचा तो तैयार कर लेंगे पर उसको सही Layout देने के लिए और Fonts और Color देकर Well Looking वेबसाइट बनाने के लिए Css का ज्ञान होना काफी मददगार होगा, में कुछ और उदाहरण देता हु जिससे आप Css और Html के फरक को पहचानेगे जिससे आपको यह भी पता चल जायेगा की Css कितना जरुरी होता है.

इस फोटो में आप देख सकते है की Html में Sturacture को Css से Implement करने के बाद कैसा लुक बना सकते है, CSS को Html के साथ उपयोग करना ही वेबसाइट को Perfect Look दे सकते है

Html में Css का नहीं होना मतलब मनुस्य के शरीर में हडियों के ढांचे पर मास नहीं होना, CSS को आप Html के साथ उपयोग करके Apprenance और लुक दे सकते है

Types Of CSS In Hindi – CSS के प्रकार

CSS को आप उसे करने से पहले में आपको बताना चाहुगा की CSS को हम ३ तरह से उपयोग कर सकते है, Html Tags पर Css को Apply करने के लिए आपको यह 3 रास्ते मिलते है जिससे Css को Html से आप जोड़ सकते है.

Inline Style Sheet – इन लाइन CSS में हम उसी हटम्ल टैग में ही उसको डिज़ाइन कर देते है, मतलब की तमल के साथ ही उससे लिख देते है जिससे बाद में हमे CSS ऐड करने की जरुरत नहीं होगी.

Internal Style Sheet – इंटर्नल Stylesheet में हम वेबपेज में Css और Html को एक साथ अलग अलग करके Define कर देते है, जिसमे Html को डिफाइन करने के लिए टैग में <html> टैग को लगाकर उसमे Css को डिफाइन करने के लिए <style> टैग को बना कर डिज़ाइन कर सकते है.

External Style Sheet – हमारे ब्लॉग में Externel Css उपयोग करते है जिसमे Css और Html की 2अलग अलग फाइल बनाकर उससे Link कर देते है जिससे Html के सभी टैग्स को Css File में Define कर सकते है.

Advantages Of Css – CSS Use करने के फायदे

Css की सबसे खास बात यहीं है की इससे सीखना Easy है आप बहुत कम समय में Css Expert बन जायेंगे, Css को Use करने के बहुत सारे फायदे है अभी में आपको Css Advantage In Hindi में बताउगा जिससे आपको यह ज्ञात होगा की Css हमे सीखना किस तरह से Beneficial है

Css Saves Time – Css को आप आसानी से कहीं भी कैसे भी लिख सकते है, और आप एक Css Rules को बहुत सारे Elements को टारगेट कर सकते है जिससे आपका Time Waste नहीं होगा, आप Css को जब चाहे Edit और Modify कर सकते है और यह आपके समय की बचत करता है.

Pages Load Faster – अगर आप Css के साथ Website Design करते है तो उसका Load हमेशा काम होगा क्युकी यह Optimization में आसान होती है, Css में आपको बार बार Html Tags लिखने की भी जरुरत नहीं है और Css के एक रूल को आप Html के बहुत सारे Elements को डिज़ाइन कर सकते है इससे Css बहुत Fast Loading वेबसाइट डिज़ाइन करने में मदद करती है.

Multiple Device Compatibility − Css में अलग अलग Device के साइज का Frame बना सकते है और हर Device के लिए वेबसाइट को Responsive बनाने में आपको Css अच्छे से मदद करेगी, Bootstrap के बारे में भी मैंने पहले लिखा है उससे भो आप जरूर पढ़े, अलग अलग फ्रेम के लिए वेबसाइट को डिज़ाइन करना कसस ने आसान बना दिया है.

Seo Optimized – Css Seo के लिए भी लाभदायक है पर कोई इस बात को नहीं मानता, Seo के लिए फायदेमद इसलिए है क्युकी Css से Designed वेबसाइट Simple और Fast होती है और Speed Optimized वेबसाइट की Search Engine में अच्छी वैल्यू होती है तो Css को उपयोग करना को बेहतर Seo की तरफ ले जायेगा

Comfortable With Multiple – Css3 लेटेस्ट वर्शन है और Css को समय-समय से अपग्रेड किया गया जिससे यह बहुत सारे Pletfrom पर Use किया जाता है और सभी Web Browser के लिए Comfortable हो गया है, कसस एक Powerful Programing Language बन चूका है जिससे सभी पसंद करते है

Css के बहुत सारे फायदे है जिसके बारे में आपने अभी पढ़ा और Css के बारे में यही आपको Css पढ़ना और सीखना और भी आसान हो जायेगा Css Basic में हम आपको Css को अच्छे से आपको शमझा पाए इसकी पूरी कोशिश रहेगी

CSS के Types of CSS in Hindi

CSS को अलग अलग संस्करण से जाना जाता है जिसमें CSS 1, CSS 2, CSS 3, and CSS 4. यह CSS के Versions है जो अब तक प्रकाशित हो चुके है जिसको पहले से ज्यादा प्रभावी बनाया गया है CSS को Various Levels और प्रोफाइल्स से जाना जाता है.

  • CSS 1 : CSS Version 2.2.1 Published on December 17, 1996 को किया गया था
  • CSS 2 : CSS Version 2.2.2 Published on May 1998 को किया गया था
  • CSS 2.1 : CSS Version 2.2.3 Published on 2011 को किया गया था
  • CSS 3 : CSS Version 2.2.4 को हम अभी लेटेस्ट वर्शन को नाम से जानते है और सभी से एडवांस है
  • CSS 4 : CSS Version 2.2.5  सबसे नया CSS Standard है जिसको हाल में ही प्रकाशित किया गया है

अभी आपको CSS के Level और Css Standard के बारे में पता चलता है आप आसानी से Css Version में Modual को Upgraded कर सकते है

CSS की विशेषताएं Features of CSS in Hindi

CSS से आप बहुत अच्छी वेबसाइट डिज़ाइन कर सकते है और CSS Web Designing का एक अहम् हिंसा है क्युकी CSS को आप हर जगह उपयोग कर सकते है अगर आपको Animations और Transform Effect देना है या फिर कोई भी Web Font Add करना है तो CSS का उसे कर सकते है CSS की डिजाइनिंग करना काफी आसान है यह आपका टाइम बचाता है अगर आपकी CSS को सीखकर CSS से डिजाइनिंग करते है.

दोस्तों CSS से की गयी वेबसाइट फ़ास्ट लोड होती है बाकि लैंग्वेज की गयी वेबसाइट से CSS से की गयी वेबसाइट जल्दी लोड होती है और इससे काफी फास्टर और Responsive वेबसाइट बना सकते है, CSS को सीखना भी बहुत आसान है बाकि की Language के मुकाबले में, अगर आपको CSS सीखना है तो हम आपको यहाँ पर इसके बारे में आगे भी लेस्सिओंस Publish करेगे जिसमे CSS और बाकि प्रोग्रामिंग भाषाओ के बारे में चर्चा करेगे.

CSS कैसे सीखे, ऑनलाइन CSS सीखे

Online और Offline दोनों तरह से आप Css सिख सकते है, और हम भी आपको आगे Css के बारे में हिंदी में टुटोरिअल Provide करते रहेंगे, और जरुरी है की आपको CSS सिखने से पहले HTML सिखने जरुरी होती है HTML और CSS दोनों आसन भाषा है जिससे आप Startup कर सकते है अगर आपके Imagination और सिखने की ललक है तो आप आसानी से CSS को सिख सकते है.

CSS Basic in Hindi: CSS का Hindi में Tutorial दोस्तों आपको यह पोस्ट कैसा लगा मुझे आप इस प्रकार का यह मेरा पहला लेख है अगर आपको यह जानकारी पसंद आये तो कमेंट जरुर करे और हमे बताये और अपना सुझाव कमेंट जरुर करे

Ask your question here

5 Comments

  2. Bahut achchi post likhi hai bhi aapne mujhe yah jankar khushi hui ki aap is trah ki post likhne lage

  3. Aap Competitior Nahi Banuga Bhai, Me Khud Abhi Learner Hu Or Jo Sikhta Hu Wo Share Karta Hu Apne Readers Ke Sath.

  4. विकास भाई, आप ने इस पोस्ट में जानकारी तो बहुत अच्छी प्रदान की है लेकिन पोस्ट में बहुत गलतियां कर रखी है जो कि पढ़ने के दौरान interrupt करती है कृपया इन्हें जल्दी ही सही करे एवम पोस्ट को update करे ताकि पढ़ने का intrest और भी ज्यादा बढ़े।

  5. first experience bro, aise post kabhi likhe nhi or hindi me likhne me thodi dikkat hoti h mujhe