CSS क्या है और कैसे सीखे?

57

What is CSS in Hindi? आज के इस लेख में आप जानेंगे के CSS क्या है और इसे क्यों इस्तिमाल किया जाता है. जैसे की हम सभी को इस बात का पता है की आज कल एक अच्छी नौकरी पाने के लिए कितना struggle करना पड़ रहा है. Struggle करने के बाद भी जब एक नौकरी मिलती है तो उसकी salary हमारे काबिलियत से कम मिलती है जिसके लिए हम बहुत निराश रहते हैं. ऐसे में बहुत लोग अपना खुद एक व्यापर शुरू कर लेते हैं जहाँ मेहनत भी उतनी ही लगती है जितना दूसरी जगह नौकरी करने में लगती है लेकिन वहां के मुकाबले यहाँ पैसे दुगने कमाने लगते हैं. व्यापर भी सिर्फ वोही लोग कर सकते हैं जिनके पास invest करने के लिए ज्यादा पैसे रहते हैं मगर जिनके पास वो भी नहीं रहते फिर उनके पास नौकरी करने के अलावा और कोई रास्ता नहीं रहता.

लेकिन असल में एक और रास्ता है जिसमे हमें ज्यादा पैसे invest करने की जरुरत भी नहीं पड़ती और जिसके जरिये हम घर बैठे ही बहुत पैसे कमा सकते हैं, वो रास्ता है online व्यापर करने का जिसे हम blogging केहते हैं. Blogging करने के लिए हमारे पास computer और internet के साथ साथ बहुत से ज्ञान की जरुरत है जो एक website बनाते वक़्त काम आती है, और जो सबसे जरुरी चीज है वो है HTML. HTML क्या है इसके ऊपर मैंने एक लेख लिखा है आप चाहे तो वहां से इसकी जानकारी हासील कर सकते हैं.

HTML के साथ साथ और भी कई चीजों का इस्तेमाल हम webpage बनाने के लिए करते हैं जैसे CSS, Java Script, PHP, etc. आज इस लेख में मै आपको CSS क्या है इसके बारे में बताने वाली हूँ.

CSS क्या है – What is CSS in HTML in Hindi

CSS Kya Hai - What is CSS in Hindi

CSS का पूरा नाम है cascading style sheet. एक webpage को बनाने के तकनीक के पीछे HTML और CSS का बहुत बड़ा हाथ है. HTML के इस्तेमाल से webpage को एक आकार मिलता है और CSS के इस्तेमाल से webpage को एक नया और आकर्षक रूप मिलता है. HTML और CSS हमेसा साथ में ही इस्तेमाल किये जाते हैं. CSS के बिना हम html का इस्तेमाल कर सकते हैं मगर html के बिना css का इस्तेमाल नहीं किया जा सकता है.

HTML और CSS एक computer language है जो की बहुत सरल है और जिसे आसानी से सिखा जा सकता है. html और css के code को लिखने के लिए हमे एक text editor की जरुरत होती है जैसे की Notepad. इन codes को लिख लेने के बाद इसे internet के द्वारा देखने के लिए एक web browser की जरुरत होती है.

HTML में बहुत से tag का इस्तेमाल किया जाता है जैसे header tag <h1>, font tag <font>, table tag <table>, image tag <img> etc. इन सभी tags को browser में और भी अच्छी तरह से दिखाने के लिए css का साथ में इस्तेमाल किया जाता है.

CSS के इस्तेमाल से हम webpage के text को अच्छे रंग में दिखा सकते हैं, fonts के styles और paragraph के बिच के space को control कर सकते हैं, background के images को और background में कौनसे रंग के इस्तेमाल से webpage को अच्छा look मिलेगा ये सभी चीजों को set करने के लिए css का इस्तेमाल किया जाता है. css html के document पूरी तरह से नया रूप दे देता है जिससे users ज्यादा आकर्षित होते हैं.

CSS के फायेदे

1) CSS वक़्त बचाता है– एक html के webpage में use किये गए style को हम दुसरे बहुत सारे web page में इस्तेमाल कर सकते हैं वो भी css के code को सिर्फ एक बार लिख कर. हमे अलग अलग web page को बनाने के लिए बार बार css का code लिखना नहीं पड़ेगा. और सिर्फ एक ही बार लिखे हुए css code का हम इस्तेमाल करके जितने चाहे उतने web pages बना सकते हैं, जिसमे हमारा काफी वक़्त बच जाता है.

2) Page को जल्दी load होने में मदद करता है– अगर हम css का इस्तेमाल करते हैं तो हमे html के tag के attributes को बार बार लिखने की जरुरत नहीं पड़ती. बस एक बार css के rule के हिसाब से tag के attributes को लिख कर web page में apply कर देने से वो tag हर जगह सही रूप से दिखने लगेगा. इसलिए tag को web page में अलग अलग जगह पर दिखने के लिए बार बार एक ही code को लिखना नहीं पड़ेगा, और कम code होंगे तो web page browser में जल्दी load होगा.

3) Maintain करने में आसान– web page के style को पूरी तरह बदलने के लिए बस एक बार css के style के code को बदलने से html में use हुए सभी elements अपने आप ही एक साथ बदल जायेंगे और एक एक करके सभी elements को बदलने की जरुरत नहीं पड़ेगी.

4) Platform independent है– platform independent का मतलब है की css का इस्तेमाल हम किसी भी platform में कर सकते हैं जैसे windows, linux, macintosh etc. और ये सभी latest browser को भी support करता है.

ये थी CSS और उससे जुडी कुछ जानकारी जिसका इस्तेमाल web page बनाने के लिए होता है. आशा करती हूँ आपको इस लेख से What is CSS in Hindi (CSS क्या है) के बारे में काफी मदद मिली होगी. अगर आपको इससे जुडी और कुछ जानकारी चाहिए तो आप निचे comment कर सकते है.

57 COMMENTS

  1. Bhut knowladge mila thank you so much. ……… Kya appp hme koi aisa script de sakti hai ki hme web development me help ho sake Mujhe Isaka basic chahiye

  2. meri website mobile me open karne par likhe huye me space ki pblm hoti hai sara matter jaisa likha hai baisa so ni hota mobile pe kya karun thik karne ke liye… thanks

  3. maine apne blog me. download ki hui theam lgai hai. jo edit nahi ho rahi hai. to edit karne ka koi tarika hai. ya fir koi esi theam jo edit ho sake. plzz help.

  4. Very very thank you madam for such a valuable knowledge. I am student mam.learning in second year in B.COM..but mam I am was interested in programming but lack of money I joined commerce. So I can learn now any coding language .which language is currently most using &help to creating dynamic web page.

  5. क्या कोई बताएगा नै वेबसाइट कैसे बना सकते हैं।
    और मुझे अपने ब्लॉग में टेब के निचे वेलकम नोट लिखना है जो लेफ्ट राईट होता रहे।

  6. sabina g namskar,
    mai sbi ka grahk seva kendr kholna chahta hu, pr mujhe koi idiya nahi h,pls meri maddt kare … mere pass kam karnee wale hr kism k tecnikal bande bahut sare h pls help me.

  7. साबिना जी नमस्कार आपकी जानकारी काबिले तारीफ है!
    मुझे एक दिक्कत आ गई है, मै Monetization किया है! Partner Verified भी हो गया है! google adsens को जोड नही पा राहा हु! sign in के बाद save and Continue पे click करणे के बाद वही रुक जाता है! आगे नही बढता! कृपया कूच जानकारी दिजीये! आभार!

  8. Sabina ji maine apni websiete http://mymoneymanager.co.in par WP Subscribe sbscribe me pug in lagay hai ab kya muze febburner bhi subscribe karna hoga kya.

  9. css से ही webpage इफेक्टिव बनता without CSS webpage की डिजाइनिंग नही हो सकती हैं धन्यवाद पोस्ट के लिये !

  10. मुझे हिंदी में लिखी सामग्री अच्छे लगते हैं, मेरी भी एक साइट है http://www.khojlo.in मुझे इससे आमदनी कैसे हो सकती है ?

    • आपकी website बहुत बढ़िया है.
      आप इसमें visitor बढाईये और Google Adsense केलिए apply करिए.

LEAVE A REPLY

Please enter your comment!
Please enter your name here