제8강 : CSS 선택자의 종류 (아이디선택자)

조회 수 8546 추천 수 0 2009.06.14 16:47:12
대상회원 :  
  • 아이디선택자

    Class 선택자는 마침표(.)로 구분을 하고 ID 선택자는 우물정자(#)로 구분을 한다.Class선택자는 한 문서에 동일한 이름으로 여러 군데 사용이 되어져도 괜찮지만 ID 선택자는 한 문서에 한번만 사용되어져야 합니다.

    <html>
    <head>

    <title> ID를 선택자로 사용하기</title>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

    <style Type="text/css">

    #pt_style1 {color:#ff6600; font-family:굴림 ; font-size:20pt;}

    #pt_style2 {color:#ff0066; font-family:굴림 ; font-size:15pt; font-weight:bold;}

    #pt_style3 {color:#00ff66; font-family:굴림 ; font-size:12pt; text-decoration:underline;}

    </style>

    </head>

    <body>

    <p id="pt_style1"> ID 선택자(Identity Selection) 사용예제 입니다.</p>

    <P id="pt_style2"> ID 선택자를 사용할 때는 ID앞에 우물정자(#) 표시를 해야 합니다.</P>

    <P id="pt_style3">ID 선택자는 Class 선택자와 유사하게 적용됩니다.</P>

    </body>

    </html>



     

 
문서 첨부 제한 : 0Byte/ 2.00MB
파일 제한 크기 : 2.00MB (허용 확장자 : *.*)
List of Articles
번호 제목 조회 수 날짜
공지 [작성중] CSS강좌 목차 [1] 7041 2009-05-21
18 강좌 legend 태그에 대해 1530 2011-09-07
17 강좌 l, ul, ol,dl,dt,dd [1] 1695 2011-09-07
16 강좌 CSS 속성 - CSS속성(속성값) ABC순 정렬 1987 2011-08-18
15 css Hack - * 1609 2011-08-18
14 css Hack - underbar 핵 [1] 1444 2011-08-18
13 강좌 css속성 - zoom 1628 2011-08-18
12 css에서 하나의 값에 두개의 속성을 넣고 싶을때... 1610 2011-08-17
11 list-style-type 4541 2011-03-25
10 마우스 오버시 손모양으로 표시하기 5412 2011-03-23
9 제8강 : CSS 선택자의 종류 (객체상속선택자) 9475 2009-06-14
» 제8강 : CSS 선택자의 종류 (아이디선택자) 8546 2009-06-14
7 제7강 : CSS 선택자의 종류 (클래스선택자) 8326 2009-06-14
6 제6강 : CSS 선택자의 종류 (엘리먼트 선택자) 8255 2009-06-14
5 제5강 : CSS 선택자의 종류 (공통선택자) 8158 2009-06-14
4 제4강 : CSS의 기본 구성 (매우중요) 7261 2009-06-14
3 제3강 : Html과 CSS의 차이점 7438 2009-06-14
2 제2강 : 스타일시트의 정의 (Cascading Style Sheet : CSS) file 7204 2009-06-10
1 제1강 : CSS(스타일 시트) 출현 배경 - Cascading Style Sheet : CSS 6958 2009-06-10