नमस्कार दोस्तों! पिछले article में हमने पढ़ा introduction of CSS जिसको आप अच्छे से समझ गए होंगे। अब हम पढ़ने जा रहे है How to add CSS? अर्थात किसी HTML document में CSS को कैसे add करते है।
Inline CSS
इस तकनीक में CSS को direct किसी HTML element में add करते है। यह CSS add करने का एक unprofessinal तरीका है। इससे code line बढ़ जाता है और समझने में समस्या होती है।
<!DOCTYPE html> <html> <body> <h1 style="color:red;text-align:center;">यह एक heading है </h1> <p style="color:blue;">Tयह एक paragraph है। </p> </body> </html>
Internal CSS
इस तकनीक में CSS को HTML document के <head> </head> section में <style> tag के अंदर define किया जाता है।
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: yellow ;
}
h1 {
color: maroon;
margin-left: 40px;
}
</style>
</head>
<body>
<h1>This is Inline CSS</h1>
</body>
</html>External CSS
इसमें CSS कोड का अलग से document बनाया जाता है जिसे .css extension के साथ save किया जाता है और उसे HTML document में <head> section में link किया जाता है। CSS document में किसी भी प्रकार का बदलाव पुरे HTML document में बदलाव लाता है।
Filename- style.css
body {
background-color: yellow ;
}
h1 {
color: maroon;
margin-left: 40px;
}
Filenam – index.html
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="style.css"> </head> <body> <h1>This is External CSS</h1> </body> </html>
इसे भी पढ़े🚀