3 Ways to declare CSS in HTML page in Hindi
 |
| How many ways to declare CSS in HTML page in Hindi |
HTML page mein hum css ko 3 ways sa add kar sakte hai, Css mein hum apne html page ke structure ko design, color, animations etc de sakte hai.
1. External CSS
2. Internal CSS
3. Inline Css
1. External CSS :
External Css mein hum css ki ek alag file banate hai e.g mystyle.css, Or iss mystyle.css file mein hum apne html ke elements ko design deta hai. External File ko hum alag file banate hai lekin isko html vali file ke sath link karte hai. Jo humne css ki file banayi hogi uska extension .css hona chaye like mycode.css, mylink.css, mystyle.css etc.
For e.g : <link rel="stylesheet" href="mystyle.css">
So app upper link mein dek sakte hai link mein humne mystyle.css file ko href mein link kiya hua hai.
Example:
HTML :
<!DOCTYPE html>
<html lang="en">
<head>
<title>Document</title>
<link rel="stylesheet" href="mystyle.css">
</head>
<body>
<h1>HTML & CSS</h1>
</body>
</html>
CSS:
h1{
color:red;
}
Output:
HTML & CSS
So, app upper dek sakte hai humne kesa css ko html file mein app kiya. Issi ko hum external css bolte hai jha hum ek alag css ki file banate hai jha par humare html ko humne designing di hoti hai or uss file ko hum html file mein fir link karte hai.
2. Internal CSS :
Internal css mein hum html page ki file mein he hum styling deta hai, Internal style dena ke liya hum <style> element ka use karte hai apni html file ke head section mein. Isme hume head section mein <style> starting tag or </style> closing tag dekar isme html ke elemts ko style karte hai.
Example:
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<title>Document</title>
<style>
h1 {
color: red;
}
</style>
</head>
<body>
<h1>HTML & CSS</h1>
</body>
</html>
Output:
HTML & CSS
So app internal mein dek sakte hai hum apni css ko html file ke head ke ander kesa style kiya hua hai. isme hume koi external style banane ki zururat nahi padegi.
3: Inline CSS :
Inline css ko hum html ke elements ke ander he style karte hai, Isme hume koi head ke ander style yha external file ki zururat nahi padti, Isme hume jis html ke elements ko design yha color karna hota hai usme he direct style kar sakte hai with style attribute ki help sa.
Example:
Html:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Document</title>
</head>
<body>
<h1 style="color: red;">HTML & CSS</h1>
</body>
</html>
Output:
HTML & CSS
So app yha hum elements ke ander he style deta hai.