.Net Project/CSS 2.0

05장 ID 속성값

Magic_kit 2009. 7. 27. 14:47
반응형


Id 속성은 class와 비슷하지만,
한 문서에서 같은 id는 하나만 존재해야 한다는 것이 다르다.
Id attribute selector를 쓸 때는 #표시를 사용한다
.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>ID 속성값 사용</title>
   <!-- id속은 단 하나만 지정 가능 -->
  <style type="text/css">

  #notice{ color:Yellow;width:100px; height:100px; background-color:Blue; }
  #free{color:Green;}
  
  </style>

</head>

<body>

 <div id="notice">공지사항</div>
 <div id="free">자유 게시판</div>
 
 <!--button버튼 눌러 숨기기 버튼 적용-->
 <!--<input id="Button1" type="button" value="button"
  onclick="document.getElementById('notice').style.visibility='hidden';" />-->
   
</body>
</html>
-----------------------------------------------------------------------------------------------------------------<


반응형