Css Kya Hai In Hindi (CSS क्या है हिंदी में )

0
34

Css kya Hai In Hindi (Cascading Style Sheets क्या है  )

 हेलो दोस्तों स्वागत है आपका हमारे ब्लॉग techgyan.co में आज हम आपके लिए एक नया Topic लेकर आये है  css kya hai in hindi है इसको कैसे हम उपयोग करते है अपने वेबसाइट के webpage को स्टाइल देने के लिए | इस पोस्ट के माध्यम से हम पूरी तरह CSS को समझेंगे की किस तरह हम CSS के साथ काम कर सकते है | तो चलिए दोस्तों हम जानते है हमारे नए टॉपिक के बारे में आप बने रहिये हमारे इस पोस्ट के अंत तक CSS वेब development का एक हिस्सा है |

CSS क्या है (css kya hai in hindi)

CSS को Cascadding Style sheets कहा जाता है | यह एक कोर लैंग्वेज (भाषा ) है | CSS के द्वारा हम HTML webpage को Responsive और ब्यूटीफुल बनाते है | जैसे ही वेबसाइट के webpage को Font-Color , Text-Color ,Background-Color , text-Shadow , text-Effects ,or Website Layout डिजाईन इन सभी कार्य को करने के लिए हम CSS का उपयोग करते है | CSS के बिना हम वेबसाइट को बना सकते है पर वेबसाइट को ब्यूटीफुल और Responsive (मोबाइल फ्रेंडली ) नहीं बना सकते है | Responsive  का मतलब यह होता है जब आपकी वेबसाइट मोबाइल , टेबलेट  , लैपटॉप या computer में खुले तब उसका Appreance (यूजर इंटरफ़ेस ) एक सामान होना चाहिए और वेबसाइट device की Width के अनुसार अपने आप को एडजस्ट(Fit) कर ले |
CSS को HTML Webpage के साथ तीन तरह से उपयोग कर सकते है चलिए जानते है वह कोन से मेथड है और नियम है जिनको हम उपयोग कर सकते है |
  • Inline Css
  • Embed Css
  • External Css
  • INLINE CSS:  इनलाइन CSS वह CSS कहलाती है जिसको हम अपने HTML के डॉक्यूमेंट में एलिमेंट (टैग्स ) के साथ  डायरेक्टली उपयोग करते है | INLINE CSS की लोडिंग स्पीड सबसे ज्यादा होती है इसलिए इस CSS को तकनीक को सीधे html ELEMENT के साथ लिंखा जाता है | INLINE CSS को Reuse नहीं कर सकते अन्य elements के लिए | इसको अप्लाई करने के लिए  हम Body सेक्शन के अन्दर Element के अन्दर Style एट्रिब्यूट का उपयोग करते है |
       EXAMPLE :
<!DOCTYPE html>
<html>
    <head>
        <title> Inline CSS Example </title>
    </head>
    <body>
        <h1 style=”text-align: center; color: darkblue; background-color: darkgoldenrod; “>Inline Css Example Page</h1>
    </body>
</html>
css kya hai in hindi
css kya hai in hindi
  • EMBED CSS:  एम्बेड CSS को उपयोग करने के लिए class Selector ,ID Selector , Tag Refrence , आदि का रेफरेंस देकर हम एम्बेड CSS का उपयोग कर सकते है | एम्बेड CSS को हम REUSE कर सकते है | एम्बेड CSS को HEAD सेक्शन के अन्दर <STYLE> ….</STYLE> टैग के अन्दर लिखा जाता है | आइये जानते है ये एम्बेड CSS कैसे काम करता है |
Example:
             <!DOCTYPE html>
<html>
    <head>
        <title> Inline CSS Example </title>
        <style>
            p{
              text-align: center;
              font-style: italic;
              font-size: x-large;
              background-color: blueviolet;
              text-shadow: 0px 0px 4px red ;
              color: white;
            }
        </style>
    </head>
    <body>
        <p>Embed Css Example</p>
    </body>
</html>
css kya hai in hindi
css kya hai in hindi
  • EXTERNAL CSS: एक्सटर्नल CSS को उपयोग करने के लिए हमको एक एक्सटर्नल CSS फाइल बनाए की जरुरत होती है फिर उस एक्सटर्नल फाइल को हम हमारे webapge के साथ जोड़ते है | एक्सटर्नल CSS फाइल को हम हेड सेक्शन के अंडर Link Refrence देकर ऐड करते है | इस एक्सटर्नल फाइल के उन्दर हम html tags , CSS Selector, ID Selector , किसी भी तरह से html एलिमेंट को रेफेर करके उपयोग कर सकते है | जैसे हमने एम्बेड css के अन्दर elements को रेफेर किया था | आइये जानते है इसके लिए एक्सटर्नल फाइल को कैसे ऐड करेंगे अपने webpage में | इसके लिए हमे 2 फाइल्स बनाए की जरुरत होगी एक फोल्डर के अन्दर पहली फाइल style.css और दूसरी फाइल test.html इन दोनों फाइल को हम एक सेपरेट फोल्डर के अन्दर रखेंगे |
Style.css     File -1
p{
    text-align: center;
    font-style: italic;
    font-size: x-large;
    background-color:orange;
    text-shadow: 0px 0px 4px red ;
    color: white;
}
test.html    File-2
<!DOCTYPE html>
<html>
    <head>
        <title> External  CSS Example </title>
       <link rel=”stylesheet” href=”/style.css”>
    </head>
    <body>
        <p>External Css Example</p>
    </body>
</html>
EXTERNAL CSS EXAPMLE

CSS Styles [css kya hai in hindi] के फायेदे क्या है : 

  • CSS वेब-development का कोर पार्ट है इसकी मदद से हम responsive वेबसाइट , वेबसाइट लेआउट्स  , आदि को डिजाईन कर सकते है |
  • CSS क्रॉस प्लेटफार्म लैंग्वेज है इसका मतलब यह है की ये किसी भी ब्राउज़र पर आसानी से एक्सीक्यूट (रन ) हो सकती है है |
  • हम CSS को लिखने के बाद उसको Minfied कर सकते सह इसका मतलब यह है की CSS के कोड को software की मदद से हम reduse कर सकते है  इससे हम वेबसाइट के load टाइम को इनक्रीस कर सकते है |
  • CSS के द्वारा हम एनीमेशन जैसे की 2D or 3D एनीमेशन को बना सकते है वेबसाइट के लिए |
  • Bootstrap CSS की मदद से हम एनीमेशन , Advance लेआउट डिजाईन , UX (User Experince ) को बेहतर बना सकते है |
Css Kya Hai In Hindi – CSS के  VERSIONS :
  • CSS 1
  • CSS 2.1
  • CSS 3
  • CSS 4 -LATEST

निष्कर्ष : आज के इस css kya hai in hindi में हमने देखा की हम कैसे CSS को अपने webpage में अप्लाई कर सकते है | और css के kya kya लाभ है | आज हमने इस पोस्ट की मदद से जाना हम आशा करते है की आपको हमारी ये पोस्ट जरूर पसंद आई होगी धन्यवाद |

LEAVE A REPLY

Please enter your comment!
Please enter your name here