<html>
<head>
<title>클래스로 스타일 적용하기</title>
<style type="text/css">
.title {font-size:14pt;}
.bold {font-weight:bold}
.red {color:Red;}
.blue {color:Blue;}
.subtitle {font-size:12pt;}
</style>
</head>
<body>
<h2 class="title bold blue">클래스로 스타일 적용하기</h2>
스타일시트에 HTML 태그의 Class 특성값을 이용해서 스타일을 정의하면<br>
태그의 종류에 관계없이 같은 클래스를 가지는 모든 태그에 스타일이 적용됩니다.
<h2 class="subtitle blue">장점</h2>
스타일을 매우 유연하게 적용할 수 있습니다.
<h2 class="subtitle red">단점</h2>
너무 많은 CSS 클래스가 정의되지 않도록 주의하세요.
</body>
</html>
'CSS' 카테고리의 다른 글
| 태그와 클래스를 조합하여 스타일 적용하기 (0) | 2012.12.05 |
|---|---|
| 클래스로 스타일 지정하기 (0) | 2012.12.05 |
| ID로 스타일 적용하기 (0) | 2012.12.05 |
| 태그 이름으로 스타일 적용하기 (0) | 2012.12.05 |
| 외부 스타일시트 문서를 HTML 문서에 포함시키기 (0) | 2012.12.05 |
