Schriftgewicht in CSS

In dieser Lektion werden wir die Eigenschaft font-weight studieren, die es erlaubt, Text fett darzustellen oder umgekehrt - die Fettung aufzuheben (zum Beispiel für Überschriften, die standardmäßig fett sind). Um Text fett darzustellen, sollte der Wert bold angegeben werden, und um die Fettung aufzuheben - der Wert normal.

Diese Eigenschaft funktioniert ähnlich wie das Tag b, das wir bereits behandelt haben. Der Unterschied besteht darin, dass es viel bequemer ist, die Schriftstärke mit CSS zu steuern - man kann beispielsweise alle Absätze fett und alle Überschriften normal darstellen, indem man nur ein paar Einträge in der CSS-Datei macht.

Wenn ich Fettung durch das Tag b machen würde - müsste ich den Inhalt jedes Absatzes in dieses Tag einwickeln, und das wäre sehr zeitaufwändig (und wenn ich später die Fettung der Absätze entfernen möchte, muss ich all diese Tags entfernen, stellen Sie sich vor, wie viel unnötige, sinnlose Arbeit das wäre).

Im folgenden Beispiel werden wir alle Absätze fett und alle Überschriften h2 - normal darstellen:

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

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

Kopieren Sie den folgenden HTML-Code auf Ihre Seite:

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

Setzen Sie für die Tabelle eine Breite von 500px und eine Höhe von 300px. Machen Sie die Zellen td fett und zentriert, und die Zellen th - normal.