컴퓨터 엑셀 워드 포토숍 구글어스 WINDOWS JAVASCRIPT JAVA C++

 
Previous Post 구글 스카이, 안드로메다 은하 관측 사진; 구글어스 Google Earth Andromed...구글어스 에러 해결법, 먹통(다운)과 실행이 되지 않는 문제; Google Earth Er...비디오카드 32비트 컬러로 설정 방법; 32bit 트루컬러 지정24비트 32 bit 자동 전환, 구글어스 실행 배치파일; Google Earth BAT구글스페이스, 구글어스로 우주 [천문, 별자리 사진] 보기 방법; Google Earth ...니콘 D300 크롭바디, Nikon D300 주요 사양니콘 D3 풀프레임 1:1 일대일 바디, Nikon D3 주요 사양ND필터 사용법; 대낮에 조리개 개방, 장시간 노출 사용 방법EXIF 정보를 없애려면 어떻게 하나요? 사진 촬영 데이터 삭제 방법; Delete EXI...Downloaded Program Files 폴더 삭제해도 되나요?

CSS 파일 사용법, HTML 소스에 지정 방법; link rel stylesheet

Saturday, August 25, 2007

".css" 라는 확장자를 가진 작은 텍스트 파일이 있는데, 이것은 웹페이지의 스타일시트 파일입니다. ".html" 또는 ".htm" 확장자를 가진 파일에는 웹페이지의 실제 내용에 해당되는 부분만 기입하고, ".css" 파일에는 웹페이지의 스타일 즉 디자인에 관련된 내용만 입력합니다. 가령 색깔, 폰트명, 폰트 크기, 면적 등등입니다.

CSS 파일은 자신이 작성해야 합니다. 타인이 만든 CSS 파일을 자신의 웹페이지에서 직접 사용하는 것은 약간 곤란합니다. 다른 사람이 작성한 CSS 파일이라면 그 파일 중에서 자신에게 필요한 부분만 오려내서 사용하는 것이 좋습니다. CSS 파일 안에 불필요한 부분이 많으면 나중에 에러가 나거나 충돌이 생길 위험성이 있기 때문입니다.

예를 들어 common.css 라는 CSS 파일이 있다면, 이것을 서버의 루트 디렉토리에 올린 후, HTML에서는 <head> 태그 안에

<link rel="stylesheet" type="text/css" href="common.css" />

이렇게 지정해 주면 됩니다. CSS 파일이 "루트 디렉토리"가 아닌 "하위 디렉토리"에 있다면, 예를 들어 아래와 같이 그 주소도 적어 주어야 합니다.

<link rel="stylesheet" type="text/css" href="/stylesheets/home.css" />


예제 참고: ▶▶ 컴퓨터용어] HTML의 CSS 란? CSS 파일이란? - Cascading Style Sheets


0 Comments:

Post a Comment

<< Home RSS 2.0 feed

구글 Google 에서 제공하는 무료 블로그 서비스인 블로거 Blogger 의 인터넷 주소는 www.blogger.com 입니다. Blogger 에 블로그를 만들면, blogspot.com 이라는 주소에 블로그가 생성됩니다.
블로그를 직접 방문하지 않고도 최신 게시물을 구독하려면 RSS 2.0 feed 주소를 리더기에 등록하시면 됩니다.
Categories
Previous Posts
Monthly Archives
Top