W3.CSS डाउनलोड
डाउनलोड W3.CSS
इस लिंक से W3.CSS डाउनलोड करें: https://www.w3schools.com/w3css/4/w3.css
W3.CSS मुफ़्त है
W3.CSS उपयोग करने के लिए स्वतंत्र है। कोई लाइसेंस आवश्यक नहीं है।
W3.CSS का उपयोग कैसे करें
W3.CSS का उपयोग करने के लिए, बस अपने वेब पेजों में "w3.css" के लिए एक लिंक जोड़ें:
उदाहरण
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="https://www.w3schools.com/w3css/4/w3.css">
या w3.css डाउनलोड करें और इसे अपनी वेब साइट से चलाएं:
उदाहरण
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="w3.css">
यदि आप सबफ़ोल्डर में w3.css डालते हैं, तो स्लैश के बीच फ़ोल्डर का नाम जोड़ें:
उदाहरण
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="/foldername/w3.css">
यदि आप w3.css को अपने वेब के मूल में रखते हैं, तो एक स्लैश जोड़ें:
उदाहरण
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="/w3.css">
बदलाव का
इस लिंक से संस्करण 4.13 डाउनलोड करें: https://www.w3schools.com/w3css/4/w3.css
| देखो | दिनांक | विवरण |
|---|---|---|
| 4.15 | 12/2020 | पूरक w3-serif w3-sans-serif w3-cursive w3-monospace के साथ |
| 4.14 | 11/2020 | w3-padding-top-64 w3-padding-top-48 w3-padding-top-32 w3-padding-top-24 के साथ पूरक w3-पैडिंग |
| 4.13 | 06/2019 | normalize.css में मामूली बदलावों के लिए अनुकूलित |
| 4.12 | 11/2018 | जोड़ा गया w3-खिंचाव |
| 4.11 | 10/2018 | जोड़ा गया w3-ऑटो परिवर्तित मार्जिन: ऑटो से मार्जिन-बाएं: ऑटो और मार्जिन-दाएं: w3-सामग्री में ऑटो |
| 4.10 | 02/2018 | W3-बार और w3-बार-ब्लॉक में w3-बार-आइटम में "रूपरेखा: 0" जोड़ा गया |
| 4.09 | 12/2017 | बटन से "रूपरेखा: 0" हटा दिया गया |
| 4.08 | 10/2017 | w3-ड्रॉपडाउन-सामग्री में "z-index:1" जोड़ा गया |
| 4.07 | 08/2017 | छवियों में "लंबवत-संरेखण: मध्य" जोड़ा गया |
| 4.06 | 08/2017 | बॉर्डर, होवर करने योग्य बॉर्डर और होवर करने योग्य टेक्स्ट में संस्करण 3 रंग वर्ग जोड़े गए |
| 4.05 | 06/2017 | w3-उत्तरदायी में "डिस्प्ले:ब्लॉक" जोड़ा गया |
| 4.04 | 04/2017 | w3-बार-ब्लॉक के अंदर w3-बार-आइटम में "फ्लोट: कोई नहीं" जोड़ा गया |
| 4.03 | 03/2017 | "w3-col m3" में एक छोटी सी बग को ठीक किया |
| 4.02 | 03/2017 | जोड़ा गया संस्करण 3 टेक्स्ट रंग |
| 4.01 | 03/2017 |
हल्का ग्रे/ग्रे रंग कुछ सीमा रंग त्रुटियों को ठीक किया गया |
| 4.0 | 02/2017 | |
| 3.0 | 01/2017 | |
| 2.0 | 02/2016 | |
| 1.0 | 05/2015 |
गिटहब रिपोजिटरी
GitHub रिपॉजिटरी है: https://github.com/JaniRefsnes/w3css
W3.CSS को मान्य करना
W3.CSS को मान्य करना कुछ त्रुटियाँ लौटा सकता है।
जब आप W3C सत्यापन चलाते हैं तो आपको अक्सर कुछ त्रुटियाँ मिलेंगी।
वर्तमान W3C विनिर्देशन के बाहर हमेशा कुछ ब्राउज़र विशिष्ट मान होंगे।
| संपत्ति | विवरण |
|---|---|
| सूचक घटना | CSS3 में अमान्य संपत्ति, लेकिन CSS4 के लिए सुझाई गई है। W3.CSS में अक्षम तत्वों से हैंड पॉइंटर को हटाने के लिए उपयोग किया जाता है। |
| उपयोगकर्ता-चयन | CSS3 में अमान्य संपत्ति, लेकिन CSS4 के लिए सुझाई गई है। क्लिक करने योग्य तत्वों से टेक्स्ट चयन को हटाने के लिए W3.CSS में प्रयुक्त। |
| छद्म वर्ग : मान्य | CSS3 में अमान्य मान, लेकिन CSS4 के लिए सुझाया गया। मान्य इनपुट को इंगित करने के लिए W3.CSS में प्रयुक्त। |
| @-वेबकिट-कीफ्रेम | वेबकिट ब्राउज़र (क्रोम, सफारी और ओपेरा के पुराने संस्करण) में एनिमेशन को काम करने के लिए W3.CSS में जोड़ा गया। |
W3.CSS अनुकूलित करें
W3.CSS में मूल फ़ॉन्ट और फ़ॉन्ट आकार शामिल हैं।
आप इन सेटिंग्स को बदलकर W3.CSS को अनुकूलित कर सकते हैं:
उदाहरण
html {
font-family: Verdana, sans-serif;
font-size: 15px;
line-height: 1.5;
font-weight: normal;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Segoe UI", Verdana, sans-serif;
font-weight: 400;
line-height: 1;
margin:
20px 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-weight: inherit;}
h1
{font-size: 36px}
h2 {font-size: 30px}
h3 {font-size: 24px}
h4
{font-size: 20px}
h5 {font-size: 18px}
h6 {font-size: 16px}
hr
{
height: 0;
border: 0;
border-top: 1px solid
#eee;
margin: 20px 0;
}
W3.CSS सामान्यीकृत है
स्टाइल शीट को सामान्य करने के लिए किया जाता है:
- सही ब्राउज़र बग
- ब्राउज़र की विसंगतियों को दूर करें
- सामान्य ब्राउज़र डिफ़ॉल्ट सुनिश्चित करें
- सभी HTML तत्वों की शैलियों को सामान्य करें
- सीएसएस सुधार जोड़ें
W3.CSS में normalize.css के एक्स्ट्रेक्ट का उपयोग किया जाता है ।
यह W3.CSS को सभी ब्राउज़रों में लगातार और आधुनिक वेब मानकों के अनुरूप HTML प्रदर्शित करता है।