반응형
ID는 CLASS와 비슷 하지만. 한 문서에서는 ID가 하나만 존재해야 합니다.
중복 사용 불가능! ID를 쓰실 때는 #표시를 하셔야합니다.
<html xmlns="http://www.w3.org/1999/xhtml">중복 사용 불가능! ID를 쓰실 때는 #표시를 하셔야합니다.
<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>
10~11줄 : <div>영역에 정의된 아이디 값을 사용하여 스타일 시트를 적용 시켜줬습니다.
서로 다르게 구분을 주고 싶을때는 아이디를 사용하여 적용 가능합니다.
자바스크립트에서 아이디속성을 많이 사용합니다.
반응형
'jQuery | javascript | CSS' 카테고리의 다른 글
07.CSS - 중첩클래스 (0) | 2009.07.28 |
---|---|
06.CSS - 우선순위 (0) | 2009.07.27 |
04.CSS - 점클래스 (0) | 2009.07.27 |
03.CSS - 태그에 직접 적용 (0) | 2009.07.27 |
02.CSS - 외부스타일시트 (0) | 2009.07.27 |
Comments