सीएसएस में टेक्स्ट की बोल्डनेस

इस पाठ में हम font-weight प्रॉपर्टी का अध्ययन करेंगे, जो टेक्स्ट को बोल्ड बनाने या बोल्डनेस को हटाने (उदाहरण के लिए, हेडिंग्स के लिए, जो डिफ़ॉल्ट रूप से बोल्ड होती हैं) की अनुमति देती है। टेक्स्ट को बोल्ड बनाने के लिए, bold वैल्यू निर्दिष्ट करें, और बोल्डनेस को हटाने के लिए - normal वैल्यू।

यह प्रॉपर्टी b टैग के समान ही काम करती है, जिसे हम पहले ही समझ चुके हैं। अंतर यह है कि सीएसएस के माध्यम से बोल्डनेस को नियंत्रित करना कहीं अधिक सुविधाजनक है - उदाहरण के लिए, सभी पैराग्राफों को बोल्ड बनाया जा सकता है, और सभी हेडिंग्स को नॉन-बोल्ड, सीएसएस फ़ाइल में केवल कुछ एंट्री बनाकर।

अगर मैं b टैग का उपयोग करके बोल्ड बनाता - तो मुझे प्रत्येक पैराग्राफ की सामग्री को इस टैग में लपेटना पड़ता, और यह बहुत समय खपत वाला होता (और अगर मैं बाद में पैराग्राफों की बोल्डनेस हटाना चाहूं - तो मुझे ये सभी टैग हटाने होंगे, कल्पना करें, यह कितना अतिरिक्त, बेकार काम होगा)।

निम्नलिखित उदाहरण में हम सभी पैराग्राफों को बोल्ड बनाएंगे, और सभी h2 हेडिंग्स को - नॉन-बोल्ड:

html<h2>Title</h2>
<p>
  This is a paragraph with text.
</p>

cssh2 {
  font-weight: normal;
}
p {
  font-weight: bold;
}

Результат:

html<table border="1">
  <tr>
    <th>Name</th>
    <th>Surname</th>
    <th>Salary</th>
  </tr>
  <tr>
    <td>John</td>
    <td>Smith</td>
    <td>200$</td>
  </tr>
  <tr>
    <td>Nick</td>
    <td>Mayers</td>
    <td>300$</td>
  </tr>
  <tr>
    <td>Alex</td>
    <td>Jonson</td>
    <td>400$</td>
  </tr>
</table>