CSS-de tekstleriň ýogynlygy

Bu sapakda biz tekstleri ýogyn etmäge mümkinçilik berýän ýa-da tersine, ýogynlygy ýatyryp bilýän font-weight häsiýetini öwreneris (mysal üçin, öňünden ýogyn bolan atlandyrmalar üçin). Teksti ýogyn etmek üçin bold bahasyny, ýogynlygy ýatyrjak bolsaňyz normal bahasyny görkezmelisiniňiz.

Bu häsiýet öň öwrenen b tegine meňzeş işleýär. Tapawut şonda, CSS arkaly ýogynlygy dolandyrmak has amatly - mysal üçin, ähli abzaslary ýogyn, ähli atlandyrmalary bolsa ýogyn däl etmek üçin diňe birnäçe ýazgyny CSS faýlyna goýup bolar.

Eger men ýogynlygy b tegini ulananynda etjek bolsam - her bir abzasyň mazmunyny şu tege öwürmeli bolardym, bu bolsa wagt taýdan örän tygşytly bolardy (soňra eger men abzaslaryň ýogynlygyny aýyrmak islesem, ähli şu tepleri aýyrmaly bolardym, görüň, bu näçeräk artýan, päksiz iş bolar).

Indiki mysalda biz ähli abzaslary ýogyn, ähli h2 atlandyrmalaryny bolsa ýogyn däl ederis:

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>