इस सीएसएस कोड को ठीक करें


ये हैं निर्देश:

Styles.css फ़ाइल खोलें.

बॉडी तत्व के लिए एक CSS नियम जोड़ें जो पृष्ठभूमि रंग को #E0E0E2 पर सेट करता है।

h1 तत्व के लिए एक CSS नियम जोड़ें जो टेक्स्ट का रंग इस पर सेट करता है: #721817।

h2 तत्व के लिए एक CSS नियम जोड़ें जो टेक्स्ट का रंग इस पर सेट करता है: #721817।

केंद्र-पाठ सीएसएस वर्ग के लिए एक सीएसएस नियम जोड़ें जो पाठ को केंद्र में संरेखित करता है।

आईडी लोगो के साथ HTML तत्व के लिए एक CSS नियम जोड़ें। इसके बाएँ और दाएँ मार्जिन को ऑटो पर सेट करें और इसके डिस्प्ले को ब्लॉक एलिमेंट में बदलें।

सभी स्पैन तत्वों के लिए एक सीएसएस नियम जोड़ें जो h2 तत्वों के बच्चे हैं जो टेक्स्ट का रंग #FA9F42 और उसके फ़ॉन्ट आकार को 0.75em पर सेट करते हैं।

आईडी कॉपीराइट के साथ HTML तत्व के लिए एक सीएसएस नियम जोड़ें। इसकी शीर्ष पैडिंग को 12 पिक्सेल और फ़ॉन्ट आकार को 0.75em पर सेट करें

सीएसएस
body{
    background-color:#E0E0E2;
}
h1{
    color: #721817;
}
h2{
    color: #721817;
}
.center-text{
text-align: center;
}
#logo{
    margin-left: auto;
    margin-right: auto;
    display: block;
}
#span {
    color: #FA9F42;
    font-size: 0.75em;
}
#copyright {
    padding-top: 12px;
    font-size: 0.75em;
}

जो त्रुटियाँ सामने आती हैं वे निम्नलिखित हैं:

xxThe 'NEW' labels within <h2> tags should have a color of '#fa9f42' 
xxThe element with the ID 'copyright' should have a font-size of 0.75em

मैंने क्या प्रयास किया है:

मैंने रंग पुनः दर्ज करने का प्रयास किया है और जो फ़ॉन्ट-आकार पूछा जा रहा है उसे भी पुनः टाइप करने का प्रयास किया है।

समाधान 3

चेतावनी: मैं सीएसएस के साथ बिल्कुल शुरुआती हूं, लेकिन कुछ पढ़ने के बाद मैं इसके लिए चयनकर्ता कहूंगा span अंदर टैग h2 टैग है h2 > span. और इसलिए नियम ‘सभी स्पैन तत्वों के लिए एक सीएसएस नियम जोड़ें जो h2 तत्वों के बच्चे हैं जो टेक्स्ट का रंग #FA9F42 और उसके फ़ॉन्ट आकार को 0.75em पर सेट करता है।’ होगा:

h2 > span {color: #FA9F42; font-size: 0.75em;}

ध्यान रखें कि नेस्टेड स्पैन टैग का चयन नहीं करता है।

समाधान 1

त्रुटियाँ आपको बिल्कुल बता रही हैं कि क्या गलत है। अपने सीएसएस में देखें और h2 एलिमेंट डिस्क्रिप्टर ढूंढें, फिर उसके गुणों को देखें और आप पाएंगे कि आपने अपेक्षित मूल्य निर्धारित नहीं किया है।

ठीक यही बात “कॉपीराइट” के लिए भी सत्य है।

यह आपका होमवर्क असाइनमेंट है, इसलिए मैं आपके लिए इसे सही नहीं करने जा रहा हूं। अगर मैं ऐसा करूँ तो आप कुछ नहीं सीखेंगे।

समाधान 15

शरीर{
पृष्ठभूमि-रंग :#E0E0E2;

}
h1{
रंग: #721817;
}
h2 स्पैन{
रंग: #721817

}
.केंद्र-पाठ{
पाठ-संरेखण: केंद्र;
}
#प्रतीक चिन्ह{
मार्जिन-बाएं: ऑटो;
मार्जिन-दाएं: ऑटो;
प्रदर्शन क्षेत्र;
}

h2 > विस्तार {
रंग: #FA9F42;
फ़ॉन्ट-आकार: 0.75em;
}
#कॉपीराइट {
पैडिंग-टॉप: 12px;
फ़ॉन्ट-आकार: 0.75em;
}

コメント

タイトルとURLをコピーしました