CSS හි අකුරු ඝනකම

මෙම පාඩමෙන් අපි ගුණාංගය අධ්‍යයනය කරමු font-weight, එය අකුරු ඝන කිරීමට හෝ අනෙක් අතට - ඝනකම අවලංගු කිරීමට ඉඩ සලසයි (උදාහරණයක් ලෙස, මූලිකවම ඝන වන ශීර්ෂක සඳහා). අකුරු ඝන කිරීමට, මෙම අගය සඳහන් කළ යුතුය bold, සහ ඝනකම අවලංගු කිරීමට - අගය normal.

මෙම ගුණාංගය ක්‍රියා කරන්නේ ටැගය මෙන් අපි දැනටමත් ඉගෙන ගෙන ඇති b, . වෙනස එනම් CSS හරහා ඝනකම පාලනය කිරීම වඩාත් පහසු ය - උදාහරණයක් ලෙස, සියලු ඡේද ඝන වන ලෙසට, සහ සියලු ශීර්ෂක - ඝන නොවන ලෙසට, කිරීමට හැකිය, CSS ගොනුවේ ඇතුලත් කිහිපයක් කිරීමෙන්.

මම ඝන අකුරු ටැගය මගින් කළේ නම් b - සෑම ඡේදයක අන්තර්ගතයම මෙම ටැගයෙන් ආවරණය කිරීමට මට සිදුවනු ඇත, එය ඉතා කාලය වැයවන සුලු වනු ඇත (සහ පසුව ඡේද වලින් ඝනකම ඉවත් කිරීමට අවශ්‍ය නම් - මෙම සියලු ටැග් ඉවත් කිරීමට මට සිදුවනු ඇත, හිතන්න, මෙය කොපමණ අතිරික්ත, නිෂ්පල වැඩක්ද).

පහත උදාහරණයේ දී අපි සියලු ඡේද ඝන කරන්නෙමු, සහ සියලු h2 ශීර්ෂක - ඝන නොවන ලෙසට:

html<h2>ශීර්ෂකය</h2>
<p>
  මෙය පාඨයක් සහිත ඡේදයකි.
</p>

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

Результат:

html<table border="1">
  <tr>
    <th>නම</th>
    <th>අන්වර්ථ නාමය</th>
    <th>වැටුප</th>
  </tr>
  <tr>
    <td>ජෝන්</td>
    <td>ස්මිත්</td>
    <td>200$</td>
  </tr>
  <tr>
    <td>නික්</td>
    <td>මේයර්ස්</td>
    <td>300$</td>
  </tr>
  <tr>
    <td>ඇලෙක්ස්</td>
    <td>ජොන්සන්</td>
    <td>400$</td>
  </tr>
</table>