Trashësia e Tekstit në CSS

Në këtë mësim do të studiojmë vetinë font-weight, e cila lejon që teksti të bëhet i trashë ose anasjelltas - të heqë trashësinë (për shembull, për titujt, të cilët janë të trashë si parazgjedhje). Për ta bërë tekstin të trashë, duhet të përcaktohet vlera bold, dhe për të hequr trashësinë - vlera normal.

Kjo veti funksionon në mënyrë të ngjashme me tegjin b, të cilin e kemi studiuar tashmë. Ndryshimi qëndron në faktin se përmes CSS është shumë më e përshtatshme të menaxhosh trashësinë - mund të bësh, për shembull, që të gjithë paragrafët të bëhen të trashë, dhe të gjithë titullit - jo të trashë, duke bërë vetëm disa shënime në skedarin CSS.

Nëse do të bëja tekstin e trashë përmes tegjit b - do të më duhej të mbështjellja përmbajtjen e çdo paragrafi në këtë teg, dhe kjo do të ishte shumë kostoze për sa i përket kohës (dhe nëse më vonë do të doja të hiqja trashësinë nga paragrafët - do të më duhej të hiqja të gjitha këto tegj, imagjino, sa punë e tepërt dhe të padobishme kjo do të ishte).

Në shembullin vijues do t'i bëjmë të gjithë paragrafët të trashë, dhe të gjithë titullit h2 - jo të trashë:

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>