이 사이트는 CSS3를 포함하고 있으며, 반응형(Responsive)으로 구성되어져 있습니다.

최적화된 화면은 IE10(익스플로러10) 이상 , 표준 브라우저(Chrome, Firfox, Safari 등)를 이용해 주시기 바랍니다.

X

HTML/CSS

XHTML

ID / CLASS

WEBSP2012.02.09 17:11

조회 : 4,115

ID / CLASS
ID 와 CLASS는 웹 문서에 동적(JAVAscRIPT)인 효과나, 디자인(CSS) 요소 를 넣어주기 위해 사용되어지고있습니다.
ID의 경우 한문서에서 고유한 이름을 가지고 1회만 사용가능 하고, CLASS의 경우 한문서에서 지정된 같은 CLASS의
이름이 반복 사용이 가능합니다.
이것이 ID와 CLASS의 차이점입니다.
 
ID와 CLASS는 어떻게사용할까요?
 
1. ID와 CLASS 모든 태그들에 부여 할 수 있습니다. 
 
2. ID는 한문서에서 단 1회만 사용가능합니다.  
 
3. CLASS는 한문서에서 반복적 사용이 가능합니다.
 
4. ID와 CLASS의 이름은 소문자로만 작성하며, 숫자는 사용할 수 있으나, 제일 앞에  사용할 수는 없습니다.
   ex) id="01_Name" / class="02_Name"
 
     <div id="box">
         <p id="name"><span class="blue">홍길동</span></p>
         <p id"phone"><strong class="blue">010-1234-5678</span></p>
         <p id="country"><span class="blue">대한민국</span></p>
     </div>
 
      위 HTML 소스와 같이 ID는 한번 씩만 사용합니다.
      CLASS 또한 한번 씩 사용할 수 도 있으며, class="blue" 와 같이 반복적 사용이 가능합니다.
 
 
CSS에서 ID와 CLASS 사용은?
HTML 에서 ID는 id="name" 과 같이 사용하였고, CLASS는 class="name" 과 같이 사용하였습니다.
CSS에서는 ID는 " #name " 으로 지정하고, CLASS는 " .name " 으로 지정합니다.
ID와 CLASS를 사용하게 되면 엘리먼트의 컨트롤 방법이 다양하게 이루어 질 수 있습니다.
 
    DIV 태그만을 CSS로 컨트롤 하였다면, 모든 DIV에 속성이 동일하게 적용 되어 질 것입니다.
    허나, DIV 내에 ID가 부여되어 있다면 해당 ID 엘리먼트만 컨트롤이 가능해집니다.
    CLASS 또한 동일 하겠지요.
 
    여기서 가장 중요한 점은, 디자인적 요소를 위해 DIV를 많이 사용하게 되는데,
    ID와 CLASS를 잘 사용한다면 무분별한 DIV 사용을 줄일 수 있고, 소스 또한 간결해 질 것입니다.

0개의 댓글이 있습니다.

select count(*) as cnt from g4_login where lo_ip = '3.228.21.186'

1194 : Table 'g4_login' is marked as crashed and should be repaired

error file : /bbs/board.php