Debljina teksta u CSS-u

U ovoj lekciji ćemo proučiti svojstvo font-weight, koje omogućava da tekst učinimo podebljanim ili, obrnuto, da poništimo podebljanje (na primer, za naslove koji su po podrazumevanoj vrednosti podebljani). Da biste tekst učinili podebljanim, treba da navedete vrednost bold, a da biste poništil podebljanje - vrednost normal.

Ovo svojstvo funkcioniše slično kao i tag b, koji smo već razmotrili. Razlika je u tome što je podebljanjem preko CSS-a mnogo pogodnije upravljati - možete, na primer, naterati sve paragrafe da postanu podebljani, a sve naslove - da nisu podebljani, samo sa par upisa u CSS fajlu.

Da sam pravio podebljani preko taga b - morao bih sadržaj svakog paragrafa da obavijem u ovaj tag, a to bi bilo vrlo vremenski zahtevno (a ako bih kasnije hteo da uklonim podebljanje paragrafima - morao bih da uklonim sve te tagove, zamislite koliko bi to bilo nepotrebnog, beskorisnog posla).

U sledećem primeru učinićemo sve paragrafe podebljanim, a sve naslove h2 - nepodebljanim:

<h2>Naslov</h2>
<p>
	Ovo je paragraf sa tekstom.
</p>

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

Kopirajte sledeći HTML kod na svoju stranicu:

<table border="1">
	<tr>
		<th>Ime</th>
		<th>Prezime</th>
		<th>Plata</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>

Postavite širinu tabele na 500px, a visinu na 300px. Učinite ćelije td podebljanim i centriranim, a ćelije th - nepodebljanim.