05.CSS - 아이디

Godffs 2009. 7. 27. 16:51

ID는 CLASS와 비슷 하지만. 한 문서에서는 ID가 하나만 존재해야 합니다.
중복 사용 불가능! ID를 쓰실 때는 #표시를 하셔야합니다.

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>ID 속성 사용</title>
<style type="text/css">
#notice { color:Blue; background-color:Yellow;
width:100px;height:100px; }
#free { color:Green; background-color:Silver;
width:100px; height:100px; }
</style>
</head>
<body>
<div id="notice">공지사항</div>
<div id="free">자유게시판</div>
</body>
</html>

5~6줄 : 아아디값에 스타일시트를 정의 해줌.
10~11줄 : <div>영역에 정의된 아이디 값을 사용하여 스타일 시트를 적용 시켜줬습니다.

서로 다르게 구분을 주고 싶을때는 아이디를 사용하여 적용 가능합니다.

자바스크립트에서 아이디속성을 많이 사용합니다.

05.아이디.htm