CSS
클래스로 스타일 지정하기
멜데스
2012. 12. 5. 23:33
모든 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>