Inline,Internal,External CSS In Hindi:-

हम 3 तरीके से CSS Code को HTML Page में जोड़ सकते हैं Inline, Internal , और External

Inline:- इस तरीके में हम किसी HTML Tag के साथ Style Attribute लिखकर उसमें सीएसएस Code को जोड़ते हैं |

Internal :- इस तरीके में हम <head> Tag के अंदर <style></style> Tag लिखकर उसमें सीएसएस Code लिखते है ।

External :- इस तरीके में हम किसी बाहरी CSS फाइल में सारा CSS का कोड लिखते हैं और उस फाइल को HTML पेज के साथ जोड़ देते हैं |

चलिए अब इन तीनों तरीकों को उदाहरण के साथ देखते हैं मान लीजिए कि मैं चाहता हूँ की किसी Web Page के पीछे का रंग हरा हो जाए अब इस काम के लिए मुझे जो CSS Code लिखना है उसे मैं तीन अलग अलग तरीके से लिखूंगा |

Inline CSS Method :-

<html>
<body style="background-color:green;">
<h1 style="color:white;" >Welcome To Web3tutorial.com</h1>
</body>
</html>

ऊपर के Code में आप देख सकते हैं कि किस तरह से हमने <body> tag के साथ style Attribute जोड़कर CSS कोड लिखा है | इस तरीके से CSS कोड लिखने को हम इन Inline CSS कोड कहते हैं |

Internal CSS Method:-

<!DOCTYPE html>
 <html>
 <head>
 <style>
   body {background-color:green;}
   h1{color: blue;}
   p{color: red;}
 </style>
 </head>
 <body>
 <h1>web3tutorial.com</h1>
 <p>Learn Web Designing In Hindi.</p>
 </body>
 </html>

ऊपर के Code में आप देख सकते हैं कि किस तरह से हमने <head> tag के अंदर <style > tag लिखकर उसके अंदर CSS कोड लिखा है | इस तरीके से CSS कोड लिखने को हम इन Internal CSS Code कहते हैं |

External CSS Method:-

External CSS लिखने के लिए हमें एक अलग से CSS फाइल बनाना पड़ता है |

body{
     background-color:green;
    }


ऊपर लिखे कोड को Copy करके अपने Text-Editor जैसे की Notepad++ पर पेस्ट करिए और उससे style.css नाम से SAVE करीये |

<!DOCTYPE html>
 <html>
 <head>
   <link rel="stylesheet"  href="styles.css">
 </head>
 <body>
 <h1>Welcome To web3tutorial.com</h1>
 </body>
 </html>

ऊपर लिखे कोड को Copy करके अपने Text-Editor जैसे की Notepad++ पर पेस्ट करिए और उससे index.html नाम से SAVE करीये | याद रखें index.html पेज को उसी जगह पर Save करें जहाँ पर अपने style.css को रखा है | मतलब कि अगर आपने अपने Desktop के ऊपर style.css को Save किया है तो index.html पेज को भी अपने Desktop के ऊपर ही Save करिए |

ऊपर के कोड में आप देख सकते है की हमने <head></head> Tag के अंदर <link rel=”stylesheet” href=”styles.css”> कोड लिखा है इस कोड के कारण ही style.css पेज index.html से जुड़ पाया है ।

इस तरह से CSS लिखने को External CSS Method कहते है|

Next:- CSS Tutorial In Hindi :-