제7강 : CSS 선택자의 종류 (클래스선택자)

조회 수 1647 추천 수 0 2009.06.14 16:42:27
대상회원 :  
  • 클래스선택자

    문서 내용 중 태그에 적용된 class값을 정의할 때 사용되는 선택자이다.Class선택자는 표현할 때 Class명 앞에 .를 붙여서 구분 시킨다

  • <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <style type="text/css">.pt_style { font-size:9pt;color:#ff6600;font-weight:bold;"}
    </style>
    </head>
    <body>
    <table>
    <tr><td><p class="pt_style"> 텍스트를 class로 style을 지정하는 형태입니다.</p></td></tr>
    </table>
    </body>
    </html>

    위 소스에서 태그에 class="pt_style" 라는 클래스가 적용되어있고 <head> 사이에 pt_style 에 대한 정의가 내려져 있다.따라서 위 본문에 적힌 텍스트는 폰트사이즈 9pt 에 폰트 색깔이 #ff6600, 그리고 폰트에 bold 속성이 지정되어 보이게 된다

    문서 첨부 제한 : 0Byte/ 5368709120.00MB
    파일 제한 크기 : 2.00MB (허용 확장자 : *.*)
    List of Articles
    번호 제목 조회 수 날짜
    공지 [작성중] CSS강좌 목차 [1] 1341 2009-05-21
    9 제8강 : CSS 선택자의 종류 (객체상속선택자) 1966 2009-06-14
    8 제8강 : CSS 선택자의 종류 (아이디선택자) 1694 2009-06-14
    » 제7강 : CSS 선택자의 종류 (클래스선택자) 1647 2009-06-14
    6 제6강 : CSS 선택자의 종류 (엘리먼트 선택자) 1814 2009-06-14
    5 제5강 : CSS 선택자의 종류 (공통선택자) 1809 2009-06-14
    4 제4강 : CSS의 기본 구성 (매우중요) 1401 2009-06-14
    3 제3강 : Html과 CSS의 차이점 1413 2009-06-14
    2 제2강 : 스타일시트의 정의 (Cascading Style Sheet : CSS) imagefile 1468 2009-06-10
    1 제1강 : CSS(스타일 시트) 출현 배경 - Cascading Style Sheet : CSS 1462 2009-06-10