Teksto storis CSS

Šioje pamokoje išnagrinėsime savybę font-weight, kuri leidžia padaryti tekstą pastorintą arba atvirkščiai - panaikinti pastorinimą (pavyzdžiui, antraštėms, kurios pagal nutylėjimą yra pastorintos). Norint padaryti tekstą pastorintą, reikia nurodyti reikšmę bold, o norint panaikinti pastorinimą - reikšmę normal.

Ši savybė veikia analogiškai tag'ui b, kurį jau išnagrinėjome. Skirtumas tas, kad per CSS valdyti storį žymiai patogiau - galima, pavyzdžiui, priversti visus paragraph'us tapti pastorintais, o visas antraštes - nepastorintomis, padarius tik porą įrašų CSS faile.

Jei aš daryčiau pastorintą per tag'ą b - man tektų kiekvieno paragraph'o turinį apvynioti šiuo tag'u, o tai būtų labai daug laiko reikalaujantis darbas (o jei aš vėliau norėčiau pašalinti paragraph'ų pastorinimą - man tektų šalinti visus šiuos tag'us, įsivaizduokite, kiek tai nereikalingo, našaus darbo).

Šiame pavyzdyje mes padarysime visus paragraph'us pastorintais, o visas h2 antraštes - nepastorintomis:

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>