CSS'te Metin Kalınlığı

Bu derste, metni kalın yapmamıza veya tam tersine kalınlığı iptal etmemize (örneğin, varsayılan olarak kalın olan başlıklar için) izin veren font-weight özelliğini inceleyeceğiz. Metni kalın yapmak için bold değerini, kalınlığı iptal etmek için ise normal değerini belirtmelisiniz.

Bu özellik, daha önce incelediğimiz b etiketiyle benzer şekilde çalışır. Fark şu ki, CSS ile kalınlığı yönetmek çok daha kullanışlıdır - örneğin, tüm paragrafların kalın, tüm başlıkların ise kalın olmamasını sağlamak için CSS dosyasında sadece birkaç kayıt yapmak yeterlidir.

Eğer kalın yapmak için b etiketini kullanmış olsaydım - her paragrafın içeriğini bu etiketle sarmalamam gerekirdi, bu da zaman açısından çok maliyetli olurdu (ve eğer daha sonra paragrafların kalınlığını kaldırmak istersem, tüm bu etiketleri kaldırmam gerekir, hayal edin, ne kadar gereksiz, işe yaramaz iş olurdu).

Aşağıdaki örnekte, tüm paragrafları kalın, tüm h2 başlıklarını ise kalın olmayan yapacağız:

<h2>Başlık</h2>
<p>
	Bu, metin içeren bir paragraftır.
</p>

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

Aşağıdaki HTML kodunu kendi sayfanıza kopyalayın:

<table border="1">
	<tr>
		<th>İsim</th>
		<th>Soyisim</th>
		<th>Maaş</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>

Tabloya 500px genişlik ve 300px yükseklik ayarlayın. td hücrelerini kalın ve ortalanmış, th hücrelerini ise kalın olmayan yapın.