मैं वास्तव में इस सीएसएस शैली के लिए नया हूं, मैंने सीखा है कि आप निम्न की तरह शैली को परिभाषित कर सकते हैं:

.header {
  color: black;
  font-family: "Calibri, sans-serif";
  font-size:18px;
}

.body {
  color: black;
  font-family: "Calibri, sans-serif";
  font-size:12px;
}

.footnote {
  color: black;
  font-family: "Calibri, sans-serif";
  font-size:10px;
}

फिर इसे कोड में डालें:

<p class = "header"> THIS IS HEADER </p>
<p class = "body"> THIS IS BODY </p>
<p class = "footnote"> THIS IS Footnote </p>

मेरा सवाल है, चूंकि हेडर, बॉडी, फुटनोट सभी एक ही फॉन्ट को साझा करते हैं, मुझे केवल एक ही बदलाव की जरूरत है, वह है फॉन्ट-साइज़ बदलना, क्या कोई ऐसा तरीका है जिससे मैं सिर्फ स्टाइल को एक बार कॉल कर सकता हूं और फॉन्ट साइज बदल सकता हूं?

धन्यवाद

0
Norman Kuo 21 नवम्बर 2021, 08:21

2 जवाब

सबसे बढ़िया उत्तर
.header,.body,.footnote{
        color: black;
        font-family: "Calibri, sans-serif" ;
}
<p class = "header" style="font-size:18px;"> THIS IS HEADER </p>
<p class = "body" style="font-size:12px;"> THIS IS BODY </p>
<p class = "footnote" style="font-size:10px;"> THIS IS Footnote </p>

या आप एक सामान्य वर्ग बना सकते हैं और इसके बजाय इसका उपयोग कर सकते हैं और इनलाइन सीएसएस पास कर सकते हैं जो प्रत्येक तत्व के लिए अलग है

.common-style{
        color: black;
        font-family: "Calibri, sans-serif";
}

<p class = "common-style" style="font-size:18px;"> THIS IS HEADER </p>
<p class = "common-style" style="font-size:12px;"> THIS IS BODY </p>
<p class = "common-style" style="font-size:10px;"> THIS IS Footnote </p>
1
Mohit Kushwaha 21 नवम्बर 2021, 08:34
धन्यवाद, क्या रंग के लिए भी ऐसा करना संभव है?
 – 
Norman Kuo
21 नवम्बर 2021, 08:37
जैसे फ़ॉन्ट-आकार:12px, रंग:लाल
 – 
Norman Kuo
21 नवम्बर 2021, 08:39
1
हाँ, आप जितने चाहें उतने इनलाइन सीएसएस पास कर सकते हैं - शैली = "फ़ॉन्ट-आकार: 18 पीएक्स; रंग: लाल;"
 – 
Mohit Kushwaha
21 नवम्बर 2021, 08:42
यह निश्चित रूप से गलत नहीं है - लेकिन मैं सीएसएस को स्टाइलशीट (यानी एचटीएमएल से अलग) में रखने और जहां संभव हो वहां style="" के माध्यम से इनलाइन शैलियों का उपयोग नहीं करने के सर्वोत्तम अभ्यास के रूप में अनुशंसा करता हूं।
 – 
Rounin
21 नवम्बर 2021, 13:26

आप वैश्विक बॉडी स्टाइल को भी परिभाषित कर सकते हैं और सभी तत्वों पर लागू होंगे यदि उन्होंने कोई शैली सेट नहीं की है। कुछ डिफ़ॉल्ट शैलियों को बॉडी एलिमेंट में परिभाषित करना भी एक अच्छा अभ्यास है।

कुछ इस तरह:

body {
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
  color: black;
  -webkit-font-smoothing: antialiased; // Smooth the font on the level of the pixel, as opposed to the subpixel. Switching from subpixel rendering to antialiasing for light text on dark backgrounds makes it look lighter.
}
0
Carles Rider 21 नवम्बर 2021, 12:34