본문 바로가기
정보

CSS ID 선택자

by ❣ ✚ ✪ ✣ ✤ 2012. 1. 2.
반응형
  

CSS ID 선택자

2012/01/02

CSS ID 선택자

- Photo by h3idi.harman -
CSS에서 ID 선택자는 이전 시간에 이야기한 Class 선택자와 매우 유사합니다. 하지만 중요한 차이점이 있는데 그것은 ID 선택자는 Class 선택자와는 다르게 같은 (X)Html 파일에서 단 한 번만 사용할 수 있다는 것입니다. 지난 포스팅에서도 언급했듯이 Class 선택자는 무제한 반복 사용이 가능합니다.

 
ID 선택자는 #을 적고 임의의 ID명을 지정하여 사용합니다.

<id_test.html>

<body>
		<div id="container">
				킥스의 고도를 기다리며
		</div> 
</body>

 

<id_test.css>

#container{ 
  width: 300px;
  margin: auto;
  padding: 20px;
  border: 1px solid #666;
  background: #fcf8f8;
}


<결과화면>

CSS ID 선택자


고도를 기다리며 zenith5.tistory.com by 킥스
<관련글>2011/12/30 - [CSS] - CSS 클래스(Class)
2011/12/27 - [CSS] - CSS 기초적인 구문 규칙
2011/12/21 - [CSS] - Inline elements 와 Block level elements
2011/11/16 - [CSS] - CSS 선언방법

추천 recommend


반응형

댓글