모든 HTML 태그들은 class라는 특성을 가지고 있는데 이 특성이 바로 CSS 스타일시트의 클래스를 지정하는 특성이다
CSS에서 클래스는 도트(.)로 표현한다.
<html>
<head>
<title>클래스로 스타일 적용하기</title>
<style type="text/css">
.title { color:Blue;font-size:14pt;}
.subtitle { color:Red;font-size:12pt;}
</style>
</head>
<body>
<h2 class="title">클래스로 스타일 적용하기</h2>
스타일시트에 HTML 태그의 Class 특성값을 이용해서 스타일을 정의하면<br>
태그의 종류에 관계없이 같은 클래스를 가지는 모든 태그에 스타일이 적용됩니다.
<h2 class="subtitle">장점</h2>
스타일을 매우 유연하게 적용할 수 있습니다.
<h2 class="subtitle">단점</h2>
<span class="subtitle">너무 많은 CSS 클래스가 정의되지 않도록 주의하세요.</span>
</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 |