What is HTML Style?
HTML Style Web Page पर HTML Elements की उपस्थिति को बढ़ाने के लिए उपयोग की जाने वाली विधियों को संदर्भित करती हैं। Cascading Style Sheets (CSS) HTML Elements में Styles को Apply करने के लिए उपयोग की जाने वाली प्राथमिक तकनीक है। CSS Web Developer को HTML Elements के Layout, Formatting और Presentation को Control करने की अनुमति देता है।
What is CSS?
- CSS का मतलब Cascading Style Sheets है।
- Cascading Style Sheets (CSS) का उपयोग Web Page के Layout को Format करने के लिए किया जाता है।
- CSS का उपयोग Web Page में Style को Apply करने के लिए किया जाता है जो HTML Element से बना होता है। यह Web Page के Look को Describe करता है।
How many ways to use CSS in HTML?
CSS को HTML Document में 3 Ways से जोड़ा जा सकता है:
- Inline
- Internal
- External
Inline
- एक HTML Element के लिए unique Style Apply करने के लिए Inline CSS का उपयोग किया जाता है।
- एक Inline CSS एक HTML Element की Style Attribute का उपयोग करता है।
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>Inline CSS Example</title>
</head>
<body style="background: blueviolet;">
<h1>Inline CSS Example</h1>
<h2 style="color:white;">Lorem ipsum dolor sit amet.</h2>
</body>
</html>
Internal
- एक HTML Page के लिए Style को Define करने के लिए Internal CSS का उपयोग किया जाता है।
- एक HTML Page के <head> Section में <style> Element के भीतर Internal CSS परिभाषित किया जाता है।
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>Internal CSS Example</title>
<style>
body {
background: blueviolet;
}
p {
color: aliceblue;
font-size: 22px;
}
</style>
</head>
<body>
<h1>Internal CSS Example</h1>
<p>Lorem ipsum dolor sit amet.</p>
</body>
</html>
External
- Many HTML Pages के लिए Style को Define करने के लिए External CSS का उपयोग किया जाता है।
- External CSS Apply करने के लिए दो File बनाना जरूरी है: –
- सबसे पहले HTML फाइल Create जाता है।
- फिर एक CSS File Create जाता है और इसे .css Extension का उपयोग करके Save (इस File में Only Styling Code करते है।) करते है।
- HTML Document के <head> Section में <link> Tag का उपयोग करके CSS File को अपनी HTML File में Link करते है।
HTML File
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>External CSS Example</title>
<link rel="stylesheet" href="../style.css">
</head>
<body>
<h1>External CSS Example</h1>
<p>Lorem ipsum dolor sit amet. </p>
</body>
</html>
CSS File
body {
background: blueviolet;
}
p {
color: aliceblue;
font-size: 22px;
}
Trending Today
Facebook
Pinterest
LinkedIn
WhatsApp
