W3.CSS डिफॉल्ट्स
W3.CSS पढ़ने में आसान है
W3.CSS पृष्ठ पढ़ने में आसान हैं, यहाँ तक कि पढ़ने में मामूली अक्षमता वाले लोगों के लिए भी।
- डिफ़ॉल्ट फ़ॉन्ट-आकार 15px . है
- डिफ़ॉल्ट फ़ॉन्ट वर्दाना है, जिसमें एक अच्छा अक्षर अंतर है
- डिफ़ॉल्ट लाइन-स्पेसिंग (1.5) भी बहुत अच्छा है
HTML शीर्षक <h1> - <h6>
डिफ़ॉल्ट रूप से, W3.CSS HTML शीर्षकों को इस प्रकार शैलीबद्ध करता है:
उदाहरण
<h1>Heading 1 (36px)</h1>
<h2>Heading 2 (30px)</h2>
<h3>Heading 3 (24px)</h3>
<h4>Heading 4 (20px)</h4>
<h5>Heading 5 (18px)</h5>
<h6>Heading 6 (16px)</h6>
फ़ॉन्ट-आकार की कक्षाएं
शीर्षकों का उपयोग उनके लिए किया जाना चाहिए: शीर्षक।
W3.CSS के साथ, फ़ॉन्ट आकार निम्नलिखित w3- आकार वर्गों द्वारा निर्धारित किए जा सकते हैं :
उदाहरण
w3-tiny
w3-small
w3-medium (Default)
w3-large
w3-xlarge
w3-xxlarge
w3-xxxlarge
w3-jumbo
W3.CSS डिफ़ॉल्ट को ओवरराइड करना
W3.CSS डिफ़ॉल्ट सेटिंग्स को ओवरराइड करना बहुत आसान है।
आपके पास कम से कम तीन विकल्प हैं:
- अपने पृष्ठ के <शीर्ष> अनुभाग में डिफ़ॉल्ट सेटिंग्स को ओवरराइड करें
- W3.CSS के बाद अपनी स्वयं की CSS फ़ाइल जोड़ें
- डाउनलोड करें और W3.CSS फ़ाइल की सामग्री बदलें
में ओवरराइड करें<सिर>
h1{font-size:64px;}
h2{font-size:48px;}
h3{font-size:36px;}
h4{font-size:24px;}
h5{font-size:20px;}
h6{font-size:18px;}
अपना स्वयं का सीएसएस जोड़ें
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet"
href="myStyle.css">
W3.CSS बदलें
h1{font-size:36px} h2{font-size:30px} h3{font-size:24px} h4{font-size:20px} h5{font-size:18px} h6{font-size:16px}
डिफ़ॉल्ट फ़ॉन्ट बदलना
अपने वेब पेज के शीर्ष में (या अपनी स्टाइल शीट में), W3.CSS लोड करने के बाद, html और बॉडी की शैली बदलें:
उदाहरण
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<style>
html, body, h1, h2, h3, h4, h5, h6 {
font-family: cursive, sans-serif;
}
</style>