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ë:

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

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

Kopjojeni kodin HTML vijues në faqen tuaj:

<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>

Vendosni tabelës gjerësinë në 500px, dhe lartësinë në 300px. Bëni qelitë td të jenë të trasha dhe në qendër, kurse qelitë th - jo të trasha.