|
 ID attribute selector |
Id 속성은 요소에 대해서 고유한 이름(식별자)을 붙이기 위한 속성으로써 Class 속성과 사용방법은 같지만, 한 문서에서 같은 Id 는 하나만 존재해야 한다는 것이 다릅니다.
이 속성은 스타일시트의 select 나 링크의 대상, 스크립트에서의 참조에 이용되며 여기에 붙이는 이름은 대문자와 소문자를 구별하기 때문에 주의가 필요합니다. 그리고 Id 속성 select 를 쓸 때는 #(샵) 표시를 사용합니다.
[예]
<html>
<head>
<style type="text/css">
<!--
h3#dada { letter-spacing:1em;font-family:"궁서";color:blue }
-->
</style>
<body>
<h3 id=dada>여기는 스타일이 적용되는 부분입니다. </h3>
<h3> 여기는 스타일이 적용되지 않는 부분입니다. </h3>
</body>
</html> |
[결과]
여기는 스타일이 적용되는 부분입니다.여기는 스타일이 적용되지 않는 부분입니다.
|
| 앵커 가상 클래스 |
그룹으로 묶을 수 있는 element 의 일부분을 하나의 element 로 만듭니다. 다시말하면 가상 클래스 그 말이 의미하듯이 html 항목으로는 존재하지 않는 것으로 스타일 규칙의 선택자로서 사용될 수 있는 것들을 의미한다.
[예]
<style type="text/css">
<!--
a:link { color:blue }
a:active { color:whitesmoke }
a:visited { color:red }
a:hover {color:green }
a:link,a:active,a:visited { text-decoration : none }
-->
</style> |
link 는 링크하는 요소(a 요소) 중에 아직 검색하지 않는 요소에 대한 속성을 적용하는 것이고, visited 는 링크하는 요소중에 이미 검색한 요소에 대해 속성을 적용하는 것이고, hover 는 사용자가 커서를 그 부분에 놓았을 때 속성을 적용하는것이고, 마지막으로 active 는 클릭을 하여 활성화 되었을 때의 속성을 말하는 것입니다 |
|
댓글 없음:
댓글 쓰기