Độ đậm của văn bản trong CSS

Trong bài học này, chúng ta sẽ tìm hiểu thuộc tính font-weight, cho phép làm cho văn bản đậm hoặc ngược lại - hủy bỏ độ đậm (ví dụ: đối với các tiêu đề vốn đậm theo mặc định). Để làm cho văn bản đậm, hãy chỉ định giá trị bold, và để hủy bỏ độ đậm - giá trị normal.

Thuộc tính này hoạt động tương tự như thẻ b, mà chúng ta đã phân tích. Sự khác biệt là việc quản lý độ đậm qua CSS thuận tiện hơn nhiều - bạn có thể, ví dụ, làm cho tất cả các đoạn văn trở nên đậm và tất cả các tiêu đề - không đậm, chỉ với vài dòng trong file CSS.

Nếu tôi làm chữ đậm qua thẻ b - tôi sẽ phải bọc nội dung của mỗi đoạn văn vào thẻ này, và điều đó sẽ rất tốn thời gian (và nếu sau này tôi muốn bỏ độ đậm cho các đoạn văn - tôi sẽ phải xóa tất cả các thẻ đó, hãy tưởng tượng, đó là bao nhiêu công việc thừa, vô ích).

Trong ví dụ tiếp theo, chúng ta sẽ làm tất cả các đoạn văn đậm và tất cả các tiêu đề h2 - không đậm:

<h2>Tiêu đề</h2>
<p>
	Đây là một đoạn văn bản.
</p>

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

Sao chép mã HTML sau vào trang của bạn:

<table border="1">
	<tr>
		<th>Tên</th>
		<th>Họ</th>
		<th>Lương</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>

Đặt chiều rộng cho bảng là 500px, và chiều cao là 300px. Làm cho các ô td đậm và căn giữa, còn các ô th - không đậm.