CSS2012. 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>

Posted by 멜데스