#mydiv - id mydiv 설정
.myclass - class myclass 설정
<!DOCTYPE html>
<html>
<head>
<title>css-basic.html</title>
<style>
div {
color:blue;
background-color:green;
font-size:30px
}
#mydiv {
color:#88ff00;
background-color:#369;
font-size:20px;
}
.myclass {
color:#0ff;
background-color:#777;
font-size:10px;
}
/* >는 자식, (공백)은 자손 */
#mydiv span {
background-color:yellow;
}
</style>
</head>
<body>
<!-- div : division -->
<div class="myclass">
<p>동해물과</p>
<p>백두산이</p>
마르고 닳도록
</div>
<div>
<p>동해물과</p>
<p>백두산이</p>
마르고 닳도록
</div>
<div id="mydiv">
<p>동해물과</p>
<p><span>백두산</span>이</p>
마르고 닳도록
</div>
<div class="myclass">
<p>동해물과</p>
<p>백두산이</p>
마르고 닳도록
</div>
</body>
</html>
댓글