Hello Friends,, हमने पिछले आर्टिकल में Html के बारे में बात की हे , Html के मदत से हम एक Web Page तो बना सकते हे लेकिन उस Web Page के अन्दर नहीं हम कोई Design या फिर कोई Color को Add कर सकते हे , तो इसलिए हमें Html के साथ CSS को भी सीखना चाहिए | जिसकी मदत से हम Web Page में अछि तरह से Design करके एक अच्छा सा Website बना सकेंगे | और Website को एक अच्छा Attractive Look दे सके ताकि लोगो को और जादा पसंद आये | तो इस आर्टिकल में उसी CSS के बारे में बात करेंगे , जिसे आप लोगो को जरुर सीखनी चाहिए , अगर आप एक अच्छा Website Design करना चाहते हे तो | तो चलिए शुरू करते हे What is CSS in Computer Programming in Hindi .

What is CSS in Computer Programming in Hindi -  CSS in Hindi

•  CSS का पूरा नाम हे Cascading Style Sheet ,
• CSS को Website में Design करने के लिए ही Use किया जाता हे |
• CSS एक बहत ही Easy और Simple Language हे , जिसे कोई भी आसानी से सिख सकता हे और साथ साथ अपने Coding के अन्दर Implement भी कर सकता हे |
•  CSS के मदत से आप एक सिंगल क्लिक में Multiple Web page के Layout को Control कर सकते हो | ( जेइसे Portfolio Website एक सिंगल Page का Website हे , इस को आप आसानी से CSS के मदत से Control कर सकते हो )
•  CSS Language को Hakon wium Lie ने सन 1996 में Develop किया था |
•  CSS के बारे में आसान भासा में बोले तो , CSS को हम अपने Website या फिर Web Page के अन्दर Color , Graphics , Font इस तरह के काम को करने के लिए इस्तेमाल करते हे |

Html के मदत से आप तो एक Normal Web Page बना लोगे लेकिन उस Normal Web page के अन्दर CSS के मदत से आप एक अच्छा सा Website बना सकते हो , जो दिखने में भी काफी सुन्दर होगा | तो आप लोगो को ये तो पाता चल ही गया हे कि CSS क्या होता हे , और कहा Use किये जाते हे | अब इस CSS के History के बारे में जानते हे की CSS कब और किस Purpose के लिए बनाया गया था , तो चलिए शुरू करते हे |

Read More :  HTML in Hindi

History of CSS:-

Html को Develop करने के बाद W3C (World Wide Web Consorsion ) के नाम पे जो Organisation थे जहापे Html को Develop किया गया था | तो उस Organisation ने सोचा क्यू ना एक एइसा Language को बनाया जाय की जिसे हम Html के Coding के ऊपर Implement करके Web page को Design कर सके , तब W3C ने 1994 में CSS के ऊपर काम करने लगे , और आखिर में सन 1996 वो Language Ready हो गया था जिसका नाम CSS-1 रखा गया था , जिसको Html के अन्दर Use करके अपने Web Page को Design कर सके |

 
उसके बाद CSS 1 के अन्दर और कुछ नया Features को Add करने के बाद CSS1 को Update किया गया और 1997 में CSS 2 को Publish किया गया था | CSS 2 के Publish होने के बाद W3C ने CSS 3 के ऊपर काम करना चालू कर दिए थे , ताकि CSS 2 के अन्दर और भी कुछ Features को Add कर सके | 

लेकिन उस बक्त Internet Explorer पर CSS 2 अछे से Support नही हो रेहे थे , और उस Time में Internet Explorer पे ही इन CSS के सारे काम को किया जा रहा था  लेकिन CSS 2 और CSS 3 के जो Features थे या फिर जो Modules थे वो उस Internet Explorer पे अछे से काम नही हो रहे थे | तब W3C ने सोचा की अगर Internet Explorer पे ये सब चलेगी तो सभी जगह पे चलेगी वरना ये Modules कही और जगह पे कभी भी नही चलेगी | 

तब W3C ने सारे CSS 2 और CSS 3 के जो Modules थे उन सभी को Draft में डाल कर CSS के एक छोटा Version CSS 2.1 पे काम करने लगे | लेकिन उसी दोहरान W3C ने सोचा की अगर हम लोग इस Internet Explorer के भोरोसे रहे तो कभी भी CSS को Publish नही कर पायेगे , तब W3C ने Chrome , Firefox इन सभी से बात की और CSS 3 के Modules को Publish किये , , तो इस तरह से CSS को धीरे धीरे Publish किया गया था |

और ये सारे काम पर सफल होने में 10 साल का समय लगा था | अगर Internet Explorer के भोरोसे रहते तो सायेद इए सब Modules आज भी काम नही करते , W3C की बात करें तो उसके हिसाब से CSS 3 के बाद और कोई भी CSS 4 इस तरह के Version नही आयेगी , सिर्फ CSS होगा और इसके Modules पे काम किये जायेंगे | Modules का मतलब CSS के अन्दर छोटा छोटा Parts होता हे , जिसे अलग अलग काम किये जा सके |

तो इस तरह से CSS का Developed किया गया था | मतलब CSS के History के बारे में हामने बता दिए , इससे आपको कुछ तो Idea हो गया CSS के बारे में | उम्मीद करता हु इस Concept को पसंद आया होगा |
अब बात करते हे CSS कितने प्रकार का होता हे .....तो चलिए शुरू करते हे ,,,

Types of CSS :-

CSS को 3 Parts में Divide किया गया हे , मतलब इन 3 Parts के मध्यम से हम Html के Coding के अन्दर इन CSS को Implement कर सकते हे ... तो आइये देखते हे

•  Inline CSS
•  Internal CSS
•  External CSS

तो आइये इन सभी CSS के Parts को अछे से जानते हे , और साथ में एक उदहारण के साथ समझ ने की कौसिस करते हे ....

1. Inline CSS :- 

Inline CSS वो हे अगर हमें एक लाइन के अन्दर कोई Change या फिर Design करना हे तब हम इस Inline CSS को Use करते हे |
मतलब एक निर्दिष्ट लाइन के अन्दर जो CSS को Use किये जाते हे जिसे सिर्फ वो लाइन ही Design हो पाए , तो फिर उस CSS को Inline CSS कहा जाता हे | 

OUTPUT :- 

2. Internal CSS :- 

Internal CSS में आप एक Web Page के अन्दर जितने भी Same नाम पे Tag हे उसके अन्दर इस Internal CSS को Apply करके  उन सभी Tags को Design कर सकते हे |

जेइसे की मानलो आपका Web Page में जितने सारे H2 के Tag हे वो सब एक साथ कोई अलग Font में हो जाये या फिर कोई अलग Color में हो जाय | तो आप Result में देखना की Web Page में जितने सारे h2 हे उन सभी के Style में Change हो गया होगा | और ये Internal CSS को Head Tag के अन्दर किये जाते हे | और इसके मदत से आपका काफी Time भी Save होता हे अगर आप Line by Line CSS को Add करते रोहोगे तो बहत Time लगेगा | इसलिए इस Internal CSS को Use करना चाहिए, और लोग करते भी हे |

OUTPUT:-

3. External CSS :- 

और CSS के मदत से आप Multiple Web Page के CSS को Control कर सकते हो , और उसपे Style , Design भी कर सकते हो | मतलब Internal CSS में आपको काफी Code को लिखना पड़ेगा और Copy करके दुसरे Head Tag के अन्दर Paste करना पड़ेगा तो इससे आपका काफी बक्त बर्बाद होगा , तो उस Time को बचाने के लिए इस CSS को बने गया हे | जिसके मदत से आप Multiple Web Page को Control कर सकते हो | या तक उस Multiple Web Page में जहा भी चाहो आप Style और Design कर सकते हो | इसके लिए आपको एक अलग तरह के File को बनाना पड़ता हे जिसको .css के नाम पे Save करके रखा जाता हे , मतलब इए .css Extension होता हे External CSS का , और इस file के लिंक को Copy करके आपका जो Main Html के File हे जहा पे आप सारा Code लिख रहे हो वह head tag के अन्दर Paste करके इस .css File को आपस में जोड़ना होता हे |

 फिर उस CSS File में जिस Web Page को आप Design करना चाहते हो कर सकते हो | इसकी मदत से आप कही पे भी टारगेट करके किसी भी Web Page को Design कर सकते हो , जादातर Developer इस External CSS का ही इस्तेमाल करते हे , इससे बहत Time Save हो जाता हे | 

एक उदाहरन के साथ इस External CSS को समझ ते हे .....

2nd Page abc.css  & OUTPUT

Use of CSS :-

ये सब पड़ने के बाद आप लोगो को पता लग ही गया होगा की CSS को कहा पे Use किये जाते हे | उसके बाद भी हमने कुछ Point के माद्यम से आप लोगो को दिखाया हे की इसके अलाबा और कहा कहा CSS को इस्तेमाल करते हे |

•  CSS को जादातर Website Design करने के लिए ही Use किया जाता हे
•  CSS को Animation और Graphics के लिए भी Use किये जाते हे |
•  अगर अपने कोई भी E- Commerce Website को Create की हे जेइसे Flipkart , Amazon इस तरह के तो वो सब Website के अन्दर CSS के मदत से आप User Experience को बड़ा सकते हो , जो काफी Important हे |
•  अपने Website के Image को Edit कर सकते हो और साथ अछि तरह से Update भी कर सकते हो |

Features of CSS :-

•  हम CSS को Web Page के अन्दर Design करने के लिए ही इस्तेमाल करते हे , ताकि देखने में अच्छा लगे |
•  CSS के मदत से हम Website / Web page के अन्दर कुछ Style को Control करते हे , जेइसे Color ,Background Color , Text , Font Layout इस तरके Design को हम CSS के मदत से ही पायेंगे |
•  Html में जो Documents होते हे उन सभी Documents को CSS के मदत से Control किया जाता हे |
•  CSS को अछे से सिखने के बाद आप Java Script Language को आसानी से सिख सकते हो | और HTML CSS और Java script से मदत से ही एक अच्छा Website बना सकते हो |
•  इन CSS Language को सीखना और समझना बहत आसान हे |
•  CSS को आप आसानी से Maintenance कर सकते हो , अपने Html के Coding के ऊपर |

अब हम बात करते हे CSS के Advantage और Disadvantage के बारे में , जिसे आपको जानना चाहिए ताकि CSS को सिखने में कोई भी गलती ना हो , और आप इन CSS को आसानी Use कर सकते हो ....

Advantage of CSS :-

1. CSS को आसानी से Use किया जा सकता हे मतलब, CSS एक Easy Language हे , जिसे कोई भी आसानी से सिख सकता हे , मतलब आसानी से सिखा जा सकता हे |

2. CSS के बजह से हमारे Time भी काफी बचता हे , जेइसे मानलो अपने एक बड़ा Web Page बनाया हे , और उसके अन्दर आप चाहते हो की जो H1 के Tag हे वो ब्लू Color में हो जाय , तो आप अगर Html के मदत से ये काम करना चाहते हो तो वो आपको सारे H1 Tag को एक एक कोरके खोजना पड़ेगा , मतलब Find करना पड़ेगा ,, तो फिर अगर उस जगह पे आप CSS को Use करते हो तो वो बड़े आसानी हो जायेया , आप CSS के मदत एक h1 Tag के अन्दर Color Change करके सारे H1 के Tag तो Design कर सकते हो | आप को सारे H1 को Find करना नही पड़ेगा , वो H1 के Tag जहा भी अपने आप Design हो जायेगा जेइसा आप चाहते हो | और इस बजह से CSS के इस्तेमाल से हमारे Time काफी Save होता हे |

3. CSS को मेन्टेन करना बहत ही Easy हे , इसे आसानी से Maintains किया जा सकता हे |

4. CSS एक Platform Independent Language हे , जिसे आप किसी भी Browser या किसी भी Operating System में काम कर सकते हो |

5. CSS बहत ही Fast लोड होता हे, इसलिए CSS को इस्तेमाल करना बहत आसान होता हे |

तो ये रहे CSS के कुछ Advantage के बारे में जानकारी , अब बात करते हे CSS के Disadvantage के बारे में ,,,

Disadvantage of CSS :-

1. CSS Secure नही होते , ये CSS का सबसे बड़ा Disadvantage हे

2. CSS कभी कभी Browser को भी Confusion में डाल देते हे , मतलब CSS कभी कभी अपने आप नया Problem खड़ा कर देता हे , और तब Developer का भी मानना होता हे की CSS के इस Modules को कैसे ठीक करे |

3. CSS के कुछ Style Sheet कभी कभी Support नही करते हे , और कुछ देर बाद अपने आप Support हो जाते हे | इसके बजह से CSS में काम करने में बड़ी मुस्किल हो जाते हे |

4. CSS के एक और Disadvantage हे CSS के जो Level होते हे वो Level कभी कभी Developer के मन में Confusion खड़ा कर देता हे , और इसके बजह से CSS के जो Beginner होते हे जो CSS को सिख रहे होते हे , उसके लिए और भी मुस्किल हो जाता हे |

Difference Between HTML & CSS :-

देखो किसी भी Website को बनाने के लिए Html और CSS को Use करना ही पड़ता हे , CSS के बिना Html में Web Page तो Create होगा लेकिन वो दिखने में उतना अच्छा नही लगेगा , और Html के बिना CSS का कोई मतलब नही , Html के Code को Style करने के लिए ही CSS को Use किया जाता हे ,  मतलब एक Website को बनाने के लिए Html और CSS इन दोनों का होना जरुरी हे ,,, तो इन दोनों के बिच जो Difference हे उसके बारे में आप लोगो को जरुर पाता होना चाहिए , तो चलिए शुरू करते हे ,,,,,

1. Html किसि भी Web Page के Content और Structure को Represent करता हे | लेकिन CSS HTML के Element को Modify या फिर Design करता हे |

2. Html के Page को बिना CSS के बनाया जा सकता हे लेकिन बिना Html के CSS कोई काम का नही हे , CSS को Use करने के लिए आपको Html को पहले इस्तेमाल करना पड़ता हे | CSS Html के Element को Design करता हे इसलिए CSS बिना Html के Use नही किये जाते |

3. HTML  के Code को Use करने के लिए कोई ही method नही होते , लेकिन CSS के Code में Implement करने के लिए आपको Inline CSS, Internal CSS या फिर External CSS इन सब Method को Use किया जाता हे |

4. Html के जो Tag होते हे वो Keyword होते हे , और इए सब Keyword को Angular Bracket के अन्दर लिखा जाता हे जेइसे - <html> , और CSS के जो भी Code होते हे उसे Curly Bracket के अन्दर लिखा जाता हे जेइसे - {css}

5. Html के File .html Extension के नाम से Save किया जाता हे | और CSS में File को .css के Extension से Save किया जाता हे |

6. Html में बहत कम Backup को स्टोर किया जाता हे , लेकिन CSS HTML के मुकाबले जादा Backup Store किया जाता हे |

 

तो ये रहे Html और CSS के बिच में कुछ Difference, जिसे आप लोगो को जानना चाहिए , अगर आप Html और CSS को सीखना चाहते हो तो

Conclusion :- 

 इस (What is CSS in Computer Programming in Hindi)आर्टिकल में हमने CSS के बारे में बात की , CSS एक language हे जिसकी मदत से हम Html के code के अन्दर Implement करके हम website में design कर सकते हे , और एक अच्छा Website बना सकते हे | CSS को सन 1996 में Hakon Wium Lie ने Develop किया था | 

CSS के बिना आप एक अच्छा Website नही बना सकते हो, अगर आप एक Web Developer बनना चाहते हो तो आपको Html के साथ साथ CSS को सीखना चाहिए | और उसके बाद आपको Java script को भी सीखना पड़ेगा , (इसके बारे में हम बाद में जानेंगे) 

हमने इस आर्टिकल में CSS के बारे में पूरी जानकारी दी हे ,आशा करता हु इस आर्टिकल में हमने जो कुछ भी समझाया वो आप लोग समझ गये होंगे , अगर इस Concept को लेकर कोई भी शाबाल या फिर कोई भी Doubt हे तो निचे Comment करके पूछ सकते हो |

FAQ

1. CSS क्या हे इसके प्रकारों का बर्णन कीजिये ?

Answer :- CSS का मतलब हे Cascading  Style Sheet हे ,  जिसे सन 1994 में Hakon Winum lie ने develop किया था | और इस CSS के मदत से website को अछे से डिजाईन किया जाता हे |

2.  CSS का पूरा नाम क्या हे ?

Answer :- CSS का पूरा नाम हे , Cascading  Style Sheet हे | 

3. CSS का उपयोग करने का उद्देस्य और लाभ क्या हे ?

Answer :- CSS को उपयोग करने से website को बहत ही अछे से डिजाईन कर सकते हे , जिसमे fonts , color , texts , image , background color को इस्तेमाल किया जा सके  ताकि website देखने में काफी सुन्दर लगे  |

4. CSS का एक्सटेंशन क्या हे?

Answer :-  CSS का एक्सटेंशन .css हे |

5. CSS कितने प्रकार के होते हे ?

Answer:- CSS basically 3 प्रकार के होते हे , 

• Inline CSS
• Internal CSS
• External CSS