If tutorials available on this website are helpful for you, please whitelist this website in your ad blocker😭 or Donate to help us ❤️ pay for the web hosting to keep the website running.
CSS की full form Cascading Style sheetsहै। यह एक प्रकार की language है जिसकी help से हम अपनी Website की designing करते हैं।
Simple भाषा में कहें तो CSS आपके browser को यह बताता है कि web page में present contents (like text, image, video, paragraph, font, color, size, position etc etc..) को कैसे show करना है।
Normally , जब हम HTML use करते है तो हमारा web page अच्छा नहीं लगता है , अब अगर हम font color change करना चाहे या body color तो , वहां पर आपको CSS use करनी पड़ेगी।
CSS को हमेशा HTML के साथ Use किया जाता है , without HTML के CSS का use करने का कोई मतलब नहीं है , because style apply करने के लिए आपके pass content होना चाहिए और वो content HTML provide कराता है।
और अच्छे से समझने के लिए हम एक example देखते हैं , जिसमे का कोई use नहीं किया गया है।
File : test.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Example</title>
</head>
<body>
<h3>Hello Learners</h3>
<p>This is paragraph</p>
</body>
</html>ऊपर दिए गए example को अगर आप run करोगे तो , आप simply text और heading देखेंगे , अब इसमें CSS apply करके देखते हैं कि क्या होता है।
File : test.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Example</title>
<style>
/*change page background color:black*/
body {
background-color: black;
}
/*all h3 headings color : red*/
h2 {
color: red;
}
/*it will apply on all paragraps */
p {
font-family: verdana;
font-size: 20px;
color: green;
}</style>
</head>
<body>
<h2>Hello Learners</h2>
<p>This is paragraph</p>
</body>
</html>
अब अगर आप ये example को run करोगे तो , देखेंगे कि page का background color और font color change हो गया है , तो CSS का काम simply इतना ही है , web pages को beautiful बनाना।
I Hope, अब आप समझ गए होंगे कि CSS का use क्यों करते हैं।