CSS Tutorial In Hindi:-

CSS Tutorial In Hindi :- दोस्तों Cascading Style Sheets या CSS का एक मुख्य काम होता है किसी Web Page की ख़ूबसूरती को बढ़ाना और इसी काम के लिए CSS Colors का उपयोग होता है | CSS Colors के द्बारा हम किसी Web Page के किसी भी भाग के Colors या रंग को बदल सकते है |

CSS Colors का एक उदाहरण आप निचे देख सकते है |

 

Tomato Orange DodgerBlue MediumSeaGreen Gray SlateBlue Violet LightGray

 

CSS Colors का उपयोग कैसे करें ?

दोस्तों मैंने आप को पहले बताया था की किसी भी CSS का उपयोग हम HTML पर 3 प्रकार से कर सकते है ( INLINE, INTERNAL और EXTERNAL CSS ) चलिए हम एक Example के मदद से इसे देख लेते है |

 

CSS In Hindi Example 1 :-

Inline CSS Method :-

<html>
<body>

<p style="color:Tomato;">
Cascading Style Sheets (CSS) is a simple language defining styles that can be applied to HTML. Where HTML describes the structure of a web page, CSS describes its presentation.  Learn CSS Tutorial In Hindi.
</p>

</body>
</html>

 

Internal CSS Method:-

<html>
<head>

<style>
.web3tutorial{
color:MediumSeaGreen;
}
</style>

</head>
<body>

<p class="web3tutorial">
CSS3 Is the latest version of css. learn css in easy hindi language at web3tutorial.com
</p>

</body>
</html>

 

External CSS Method :-

styles.css Page:-

.web3tutorial{
color:DodgerBlue;
}

Index.html Page :-

<html>
<head>
 <link rel="stylesheet"  href="styles.css">
</head>
<body>

<p class="web3tutorial">
Learn Web Design And Programming In Hindi.
</p>

</body>
</html>

 

दोस्तों ऊपर के उदाहरणों में हम CSS का उपयोग <p></p> Tag पर किया है | आप चाहे तो किसी भी दूसरे HTML tag पर CSS का उपयोग कर सकते है |

अब निचे आप CSS Color का एक और उदाहरण देखें जिसमें हम Color का उपयोग किसी Border पर कैसे कर सकते है |

<html>
<body>

<h2 style="border: 2px solid Tomato;">CSS Color on Border.</h2>

</body>
</html>
Next:- CSS background In Hindi :-