1day/원데이/하루/일용직/호스팅/서버호스팅/자료실/강좌/커뮤니티
웹호스팅    |  도메인등록    |  홈페이지 관리 서비스    |   문의하기    |  강좌    |  서비스 안내 및 가격
HOME
회원로그인
ID:
PW:

     0 분
     7 분
 
웹호스팅
서비스이용안내
웹호스팅 신청방법
서비스이용약관
호스팅 신청하기
입금내용 알리기
신청리스트 *
입금리스트 *
도메인신청리스트
고객지원 FAQ
문의하기
고객지원
파일질라설정(ftp)
pop3란?
SMTP란?
아웃룩세팅법
네임서버
   1차 : ns1.1day.co.kr
..........222.234.223.31
   2차 : ns2.1day.co.kr
..........222.234.223.32
계좌번호 안내
....우리은행(원데이)
....1005-902-808446
이메일 문의
.... 1day@1day.co.kr
전화번호안내
   고객지원
   T. 050-6447-2515
자료실/강좌
HTML 태그
자바스크립트강좌
리눅스기초강좌
리눅스중급강좌
 


[기초] Class와 ID
 1day  | 2004·02·11 00:06 | HIT : 11,784 | VOTE : 4,021 |
[ Class와 ID ]


앞의 "CSS의 기본문법" 과정에서 [선택자의 사용법]을 공부할 때 클래스와 ID 지정방식에 대해서 간략하게 접해보았습니다. 여기서는 그 사용예들을 직접 다루어 보고 그 활용도를 이해하도록 하겠습니다.


ID와 class는 그 사용방법등에 있어서는 크게 다르지 않습니다. 두 가지다 스타일시트의 이용을 위해서 HTML 태그에서 호출할 때 사용해 주게 됩니다. 클래스는 .ex1처럼 "."을, ID의 경우에는 "#"을 이름앞에 붙여주면 됩니다.
HTML에서 호출할 때에는 각각 "id=id이름", "class=클래스이름" 형식으로 호출해 주게 됩니다.


ID및 Class의 지정

선택자를 일반 태그로 사용할 경우에는 문서중에 해당 태그에 대해 일괄적으로 스타일이 적용되지만, 클래스나 ID의 경우 일단 스타일에서 지정을 해 놓고 적용시키고자 하는 태그에서 해당 클래스 또는 ID를 호출해 주는 방식으로 사용합니다.


   

위에서 BODY 선택자에 의해 모든 문서의 글자크기는 10pt에 녹색으로 표시되게 됩니다. 만약 강조하고 싶은 부분이나 다른 형태를 취해주고 싶은 경우 .subject는 클래스로 #title은 ID로 호출해 주면 됩니다.


ID및 Class의 사용

이제 위에서 지정한 클래스나 ID를 사용하고자 할 경우에는 본문 태그중에서 다음과 같이 호출해서 사용해 주면 됩니다.


 

ID=title>
  제목글자체에는 ID를 호출했습니다.
  class=subject>링크예제

ID의 경우 하나의 문서에 하나만 사용가능한 제약이 있으므로 대부분 class를 사용해 주고 있습니다.




출처 : 다음까페-미네르바의홈페이지사랑


     
  [텍스트] 글자관련 스타일 - FONT  1day 04·02·11 12747
  [기초] 태그에서 STYLE 속성 사용하기  1day 04·02·11 12268
Copyright 1999-2018 Zeroboard / skin by GGAMBO
Copyright (c) 2003~2004 by 1day all rights reserved.