Teksttykkelse i CSS

I denne leksjonen vil vi studere egenskapen font-weight, som gjør det mulig å gjøre teksten fet eller omvendt - fjerne fetheten (for eksempel for overskrifter, som er fete som standard). For å gjøre teksten fet, skal du sette verdien bold, og for å fjerne fetheten - verdien normal.

Denne egenskapen fungerer på samme måte som taggen b, som vi allerede har gått gjennom. Forskjellen er at det er mye mer praktisk å styre fetheten via CSS - du kan for eksempel gjøre alle avsnitt fete, og alle overskrifter - ikke-fete, ved å kun gjøre et par oppføringer i CSS-filen.

Hvis jeg skulle gjort teksten fet via taggen b - måtte jeg ha pakket innholdet i hvert avsnitt inn i denne taggen, og det ville vært veldig tidskrevende (og hvis jeg senere vil fjerne fetheten på avsnittene - må jeg fjerne alle disse taggene, tenk på hvor mye ekstra, unyttig arbeid det ville vært).

I det neste eksemplet vil vi gjøre alle avsnitt fete, og alle overskrifter h2 - ikke-fete:

<h2>Tittel</h2>
<p>
	Dette er et avsnitt med tekst.
</p>

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

Kopier følgende HTML-kode til din side:

<table border="1">
	<tr>
		<th>Navn</th>
		<th>Etternavn</th>
		<th>Lønn</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>

Sett tabellens bredde til 500px, og høyden til 300px. Gjør cellene td fete og sentrerte, og cellene th - ikke-fete.