Fedt tekst i CSS

I denne lektion vil vi studere egenskaben font-weight, som gør det muligt at gøre tekst fed eller omvendt - fjerne fed (for eksempel til overskrifter, som er fede som standard). For at gøre tekst fed, skal du angive værdien bold, og for at fjerne fed - værdien normal.

Denne egenskab fungerer på samme måde som tagget b, som vi allerede har gennemgået. Forskellen er, at det er meget mere bekvemt at styre fed via CSS - du kan for eksempel gøre alle afsnit fede, og alle overskrifter - ikke-fede, ved kun at lave et par indtastninger i CSS-filen.

Hvis jeg skulle lave fed via tagget b - ville jeg være nødt til at indkapsle indholdet af hvert afsnit i dette tag, og det ville være meget tidskrævende (og hvis jeg senere vil fjerne fed fra afsnittene - bliver jeg nødt til at fjerne alle disse tags, forestil dig, hvor meget unødvendigt, unyttigt arbejde det er).

I det følgende eksempel vil vi gøre alle afsnit fede, og alle overskrifter h2 - ikke-fede:

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

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

Kopier følgende HTML-kode til din side:

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

Indstil bordets bredde til 500px, og højden til 300px. Gør cellerne td fede og centrerede, og cellerne th - ikke-fede.