CSS에서 텍스트 굵기

이 강의에서는 텍스트를 굵게 만들거나 반대로 굵기를 취소하는(예를 들어, 기본적으로 굵은 제목의 경우) 속성 font-weight를 배울 것입니다. 텍스트를 굵게 만들려면 값 bold를 지정하고, 굵기를 취소하려면 값 normal를 지정하세요.

이 속성은 우리가 이미 배운 b 태그와 유사하게 작동합니다. 차이점은 CSS를 통해 굵기를 관리하는 것이 훨씬 편리하다는 것입니다. 예를 들어, CSS 파일에 단 몇 줄을 작성하여 모든 단락을 굵게 만들고 모든 제목을 일반 굵기로 만들 수 있습니다.

b 태그를 사용하여 굵게 만든다면 - 각 단락의 내용을 이 태그로 감싸야 하는데, 이는 시간이 매우 많이 소요될 것입니다(그리고 나중에 단락의 굵기를 제거하려면 이 모든 태그를 제거해야 합니다. 얼마나 많은 불필요한, 쓸모없는 작업인지 상상해 보세요).

다음 예제에서는 모든 단락을 굵게 만들고, 모든 h2 제목을 일반 굵기로 만들 것입니다:

<h2>제목</h2>
<p>
	이것은 텍스트가 있는 단락입니다.
</p>

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

다음 HTML 코드를 여러분의 페이지에 복사하세요:

<table border="1">
	<tr>
		<th>이름</th>
		<th>성</th>
		<th>급여</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>

테이블의 너비를 500px로, 높이를 300px로 설정하세요. td 셀은 굵게 만들고 가운데 정렬하며, th 셀은 일반 굵기로 만드세요.