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

     0 분
     6 분
 
웹호스팅
서비스이용안내
웹호스팅 신청방법
서비스이용약관
호스팅 신청하기
입금내용 알리기
신청리스트 *
입금리스트 *
도메인신청리스트
고객지원 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 태그
자바스크립트강좌
리눅스기초강좌
리눅스중급강좌
 


[기초] 스타일시트의 사용법
 1day  | 2004·02·10 23:56 | HIT : 11,787 | VOTE : 3,974 |
[ 스타일시트의 사용법 ]


HTML 문서에 CSS를 적용시키는 방법은 간편하게 <STYLE> 태그를 사용하는 내부지정 방법과 별도의 css파일을 만든 후 호출해서 사용하는 외부지정방식으로 나눌 수 있습니다.

문서의 내부에서 CSS를 사용하는 방법은 먼저 HEAD 영역에 정의해 놓고 BODY 영역에서 호출하여 사용하는 방법과 BODY 영역의 해당 태그에서 스타일을 정의해 부분적으로 스타일을 적용시키는 방법으로 다시 나눌 수 있습니다.

HEAD 부분에서 지정하는 CSS는 문서 전체에 영향을 미치며, BODY 내부에서 지정하는 CSS는 해당위치에서만 효과를 발휘합니다.


외부파일로 저장하여 호출하는 경우

<HEAD>
<LINK rel="stylesheet" type="text/css" href="css파일명">
</HEAD>


HTML문서의 <HEAD> 태그에서 설정하는 경우

<HEAD>
<STYLE type="text/css">
    <!--
        선택자 {속성:값; 속성:값;}
    //-->
</STYLE>
</HEAD>

CSS 스타일을 지정할 때에 <STYLE> 태그에 주석 (<!-- //-->) 부호를 사용하는 이유는 CSS가 지원되지 않는 브라우저의 경우 스타일 지정내용이 텍스트로 그냥 출력되는 것을 방지하기 위해서입니다.


※ CSS의 주요 선택자와 의미

  • BODY : 문서전체의 본문에 영향을 미침 (HTML의 <BODY> 와 같음)
  • TABLE : 테이블 전체에 영향을 미침
  • TR : 테이블의 줄 <TR> 태그에 속성을 추가함
  • TD : 테이블 안의 텍스트와 요송에 영향을 미침
  • DIV : 레이어에 관련된 설정
  • A:link : 링크에 속성을 지정
  • A:visited : 한번 클릭한 적이 있는 링크줄에 대한 설정
  • A:hover : 마우스가 위치했을 때의 링크의 설정



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


     
  [기초] CSS의 기본문법  1day 04·02·10 11654
  [기초] CSS의 정의 및 특징 [139]  1day 04·02·10 38137
Copyright 1999-2018 Zeroboard / skin by GGAMBO
Copyright (c) 2003~2004 by 1day all rights reserved.