class="post-template-default single single-post postid-389 single-format-standard wp-custom-logo wp-embed-responsive right-sidebar nav-float-right separate-containers header-aligned-left dropdown-hover featured-image-active" itemtype="https://schema.org/Blog" itemscope>

Introduction of CSS in Hindi

CSS का full form Cascading Style sheets होता है। यह एक ऐसा लैंग्वेज है जिसका use HTML से बने webpage को design करने के लिए किया जाता है। इसकी मदद से आप किसी भी website को attractive बना सकते हो। आपकी पकड़ इसमें अच्छी होनी चाहिए।

आपने देखा होगा जब आप HTML का use करके कोई भी वेबसाइट का structure तैयार करते है तो वह बिलकुल भी अच्छा नहीं लगता है तो इसी को design देने के लिए CSS का use करते है ताकि हमारे द्वारा बनाया गया वेबसाइट सुन्दर लगे।

CSS के help से आप आप browser को ये बताते हैं कि webpage के सारे contents को कैसे show करना है।

HTML के बिना CSS का कोई महत्तव नहीं होता है क्योकि CSS के mathods जिसके ऊपर apply किया जाता है अगर वही न हो तो आप कैसे CSS का उपयोग करेंग।

CSS Syntax in Hindi

p {                                          /* Selector targeting all `<p>` elements */
  color: red;                            /* Property: color, Value: red */

  text-align: center;                /* Property: text alignment, Value: center */
}

CSS Example in Hindi

सबसे पहले एक HTML का code लिखते है।

<!DOCTYPE html>
<html>
<head>
<style>
p {
  color: red;
  text-align: center;
} 
</style>
</head>
<body>

<p>Hello World!</p>
<p>यह CSS का syntax का example है। </p>

</body>
</html>

ऊपर दिए गए HTML code में <p> टैग को target करके अब उसको design देने का प्रयास करते है।

<!DOCTYPE html>
<html>
<head>
<style>
 
  p {  /* Selector targeting all `<p>` elements */
  color: red;  /* Property: color, Value: red */
  font-size: 16px;  /* Property: font-size, Value: 16 pixels */
  text-align: center;  /* Property: text alignment, Value: center */
}
  
</style>
</head>
<body>

<p>Hello World!</p>
<p>यह CSS का syntax का example है। </p>

</body>
</html>

हम आशा करते है कि आप CSS का use क्यों करते है ये समझ गए होंगे।

अपना बहुमूल्य समय देने के धन्यवाद 🚀 Happy Codding👍

2 thoughts on “Introduction of CSS in Hindi”

Leave a comment