Debelina besedila v CSS

V tej lekciji bomo preučili lastnost font-weight, ki omogoča, da besedilo naredimo krepko ali, nasprotno, prekličemo krepko (na primer za naslove, ki so privzeto krepki). Če želite besedilo narediti krepko, nastavite vrednost bold, za preklic krepkega pa vrednost normal.

Ta lastnost deluje podobno kot tag b, ki smo ga že obravnavali. Razlika je v tem, da je upravljanje debeline s CSS mnogogo bolj priročno - na primer, lahko naredite vse odstavke krepke, vse naslove pa nekrepke, z le nekaj vnosi v CSS datoteki.

Če bi krepko naredil z uporabo taga b - bi moral vsak odstavek zaviti v ta tag, kar bi bilo zelo zamudno (in če bi kasneje želel odstraniti krepkost odstavkom, bi moral odstraniti vse te tage, predstavljajte si, koliko nepotrebnega, nesmiselnega dela bi bilo).

V naslednjem primeru bomo naredili vse odstavke krepke, vse naslove h2 pa nekrepke:

<h2>Naslov</h2>
<p>
	To je odstavek z besedilom.
</p>

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

Kopirajte naslednjo HTML kodo na svojo stran:

<table border="1">
	<tr>
		<th>Ime</th>
		<th>Priimek</th>
		<th>Plača</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>

Nastavite širino tabele na 500px, višino pa na 300px. Celice td naredite krepke in centrirane, celice th pa nekrepke.