What is css in hindi : css क्या होती है इसके कितने प्रकार है 2021 ?

 एक वैबसाइट मे text, image, और किसी अन्य element को डिजाइन करने के लिए css का प्रयोग करते है ! हम जो भी html file मे लिखते है उसको css के द्वारा ही style किया जाता है ! css यह तय करता है की किसी भी html element को किस प्रकार दिखाना है !

css kya hoti hai


 css को apply करने के लिए हम <style></style> tag का उपयोग करते है !

css को save करने के लिए (.css ) का प्रयोग करते है जैसे :-  style.css हमको डॉट .css लिखना जरूरी !

CSS के क्या लाभ  (Benefits) है ?     

हम css फ़ाइल की मदद से बहुत सारे html elements की  एक साथ formating कर सकते है , जिससे हम code भी कम type करना पड़ता है और इससे हमारी वैबसाइट के स्पीड भी बढ़ती है !
  • Save time 
  • Light weight code 
  • Page loding fast 
  • Easy to maintain 
  • Light weight code 
  • More formating option 

css full form in hindi

css का पूरा नाम cascading style sheet होता है जो की किसी भी html element को डिजाइन करने के काम आती है !

Types of css इसके प्रकार 

1- Inline css
2- Internal css 
3- External css

Inline css kya hai हिन्दी मे ?

जब हम css को apply करने के लिए css को html tags के अंदर ही type करते है तो उसको Inline css  कहते है !
इसमे हम css को apply करने के लिए को भी css file नहीं बनाते है !

इसको हम कुछ इस प्रकार से समजेंगे :-

<html>
<head> <title> Inline css </title> </head>
<body>
<h1 style = "color:green;">This is Example of inline css </h1>
<div> Computer fundamental </div>
</body>
</html>

This is Example of inline css
 Computer fundamental
इसमे css सिर्फ h1 tag मे ही apply होगी div tag मे कोई भी change नहीं होगा !

html tags को जानने के लिए click here 

Internal css in html in hindi

इसको भी हम html file के अंदर head tag मे लिखते है इसलिए इसको Internal css कहते है ! इसके लिए भी आपको कोई css की file नहीं बनानी पड़ती है !

चलिये इसको भी example से समजते है :-

 <html>
<head> <title> Internal css </title>
<style>
       h1{
             color:rad;
         }
</style>
</head>
<body>
<h1>This is Example of Internal css </h1>
<div> Computer fundamental </div>
</body>
</html>

This is Example of  Internal css
 Computer fundamental
इसमे css सिर्फ h1 tag मे ही apply होगी div tag मे कोई भी change नहीं होगा !

3- External css kya होती है हिन्दी मे ?

इसमे आपको css apply करने के css की file बनानी पड़ती है जो हम किसी भी text editore की मदद से बना सकते है ! और फिर उसको html file मे head tag के अंदर  link करना पड़ता है, जिसके लिए हम <link> tag का उपयोग करते है !

चलिए इसको भी समजते है :-

Html file 

<html>
<head> <title> External css </title>
 <link href = "" rel = "stylesheet" type = "text/css">
 </head>
<body>
<h1 >This is Example of External css </h1>
<div> Computer fundamental </div>
</body>
</html>

CSS File 

body{
      margin:0;
      padding:0;
  }

h1{
    color:blue;
  }

This is Example of  External css
 Computer fundamental

हम जिस भी text या code editor के जरिये वैबसाइट बना रहे है उसमे हमको एक ही folder मे html और css की file बनानी पड़ती है !

html के बारे मे जानने के लिए click here 

एक टिप्पणी भेजें

0 टिप्पणियाँ