class 및 id를 지정한 스타일 지정

DevTool/CSS 2009. 6. 2. 12:40

<html>
<head>
<style tyep="text/css">
.cs1
{
font-size:35;
background-color:blue;color:white;
}
.cs2
{
font-size:20;
background-color:yellow;color:green;
}
div.cs3
{
font-size:30;
color:green;
}
#good1
{
font-size:20;
color:gray;
}
#good2
{
font-size:50;
color:green;
}
</style>
</head>
<body>
클래스 스타일 지정<br>
<xmp>
<head>
<style tyep="text/css">
.cs1
{
font-size:35;
background-color:blue;color:white;
}
.cs2
{
font-size:20;
background-color:yellow;color:green;
}
div.cs3
{
font-size:30;
color:green;
}
</style>
</head>
</xmp>
<p class="cs1">p태그에 cs1 클래스적용</p>
<p class="cs2">p태그에 cs2 클래스적용</p>
<div class="cs3">div.cs3 : div태그에 cs3 클래스인경우만 적용 적용</div>
<br>
<h4>ID로 스타일 지정</h4>
<xmp>
<head>
<style tyep="text/css">
#good1
{
font-size:20;
color:gray;
}
#good2
{
font-size:50;
color:green;
}
</style>
</head>
......
<div id="good1">ID로 good1를 지정하여 적용</div>
</xmp>
<div id="good1">ID로 good1를 지정하여 적용</div>
<p id="good2">P태그를 사용하고 ID로 good2를 사용할때 적용</p>
<a href="060204.htm">누르기전에 링크모양 봐두고.. 링크클릭.</a>
</body>
</html>