- CSS का पूरा नाम का Cascading Style Sheet है | जिसका उपयोग HTML web page को डिजाइन और आकर्षक बनाने के लिए किया जाता है |
- CSS की मदद से हम वेबसाइट के colors, fonts, size, layout, spacing, animations और responsive design को Control कर सकते हैं।
- CSS को Hakon Wium Lie ने 1996 में CSS का पहला version developed किया था |
- HTML में CSS के तीन प्रकार होते हैं 1.Inline CSS 2.Internal CSS 3.External CSS.
- CSS का use HTML और जावास्क्रिप्ट के साथ किया जा सकता है। इस भाषा को सिखना और समझना काफी आसान होता है।
- CSS के use से वेबसाइट developers तथा users आसानी से webpage को अपनी सुविधा अनुसार modify कर सकते है।
- आजकल CSS सभी ब्राउज़र को सपोर्ट करता है |
Types of CSS in Hindi
1. Inline CSS
Inline CSS का use HTML tags के अंदर ही किया जाता है| लेकिन इसे Style Attribute के द्वारा use किया जाता है |
Syntax :
<tag style="property:value;">Example :
<h1 style="color:red;">Hello CSS</h1>2. Internal CSS
Internal CSS को लिखने के लिए हमें style टैग को create करना पड़ता है, क्योंकि बिना style टैग के internal CSS नहीं लिख सकतेहै | इसके लिए हमें style टैग को head टैग के अंदर लिखना होता है.|
Example :
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
color: blue;
font-size: 40px;
}
</style>
</head>
<body>
<h1>Welcome CSS</h1>
</body>
</html>3. External CSS
External CSS को लिखने के लिए हमें अलग से एक New file create करना पड़ता है और जब भी external CSS की फ़ाइल create करते है तो CSS file का Extension .css देना होता है.
External Style Sheet से आपको बार-बार CSS कोड लिखने की आवश्यकता नहीं होती है। आप एक ही CSS फ़ाइल को कई HTML फाइलों से लिंक कर सकते हैं।
Example :
Step 1 : HTML File
<!DOCTYPE html>
<html>
<head>
<title>External CSS Example</title>
<!-- CSS File Link -->
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Welcome to CSS</h1>
<p>This is External CSS Example.</p>
<button>Click Here</button>
</body>
</html>Step 2 : CSS File
body {
background-color: lightgray;
}
h1 {
color: blue;
font-size: 40px;
text-align: center;
}
p {
color: black;
font-size: 20px;
}
button {
background-color: green;
color: white;
padding: 10px 20px;
border: none;
}Features of CSS in Hindi
- CSS का उपयोग website designing के लिए किया जाता है।
- CSS की मदद से styles जैसे (text color, font style, column size layout, background color और images etc.) को control कर सकते है।
- CSS की मदद से HTML elements को आसानी से design और style कर सकते हैं।
- एक ही CSS code को बार-बार उपयोग किया जा सकता है।
- एक CSS file को कई HTML pages पर लागू करके समय बचाया जा सकता है।
- CSS की मदद से website को mobile, tablet और desktop के अनुसार responsive बनाया जा सकता है।
Application of CSS in Hindi
- CSS का उपयोग HTML elements का color बदलने के लिए किया जाता है |
- CSS का उपयोग Text की font style और size बदलने के लिए किया जाता है |
- CSS का उपयोग Website का layout बनाने के लिए Images को style करने के लिए किया जाता है |
- CSS का उपयोग Website को mobile friendly (responsive) बनाने के लिए किया जाता है
- CSS का उपयोग Animation और effects जोड़ने के लिए किया जाता है|
Advantages of CSS in Hindi
- एक CSS फ़ाइल से कई HTML वेब पेज को Design कर सकते हैं, जिससे समय की बचत होती है।
- CSS code को आसानी से update और manage किया जा सकता है।
- External CSS browser में save हो जाती है, जिससे webpage जल्दी load होता है।
- CSS की मदद से Website को attractive और user-friendly बनाया जा सकता है।
- CSS से animation, transition और different effects बनाए जा सकते हैं।
- CSS से website को mobile, tablet और desktop के लिए responsive बनाया जा सकता है।
- CSS में code को आसानी से update और manage किया जा सकता है।
Disadvantages of CSS in Hindi
- CSS browsers में कभी-कभी अलग तरीके से काम कर सकती है |
- CSS के advanced concepts समझना कठिन हो सकता है।
- बड़ी websites में CSS file बहुत बड़ी हो सकती है, जिससे manage करना मुश्किल हो सकता है।
- CSS में errors को ढूंढना कभी-कभी कठिन होता है।
- CSS खुद Security नहीं देती है। Website Security के लिए दूसरी technologies की ज़रूरत होती है।
- बहुत ज्यादा CSS rules होने पर style conflict हो सकता है।
