2010/04/26 15:12
[웹표준 개발]
웹페이지에 스타일시트를 연결하는 두가지 형식에 대해 알아보겠습니다.
1. 외부스타일시트
1) html을 이용한 스타일시트의 연결
<link rel="stylesheet" type="text/css" href="web2log.css" />
2) css를 이용한 스타일시트 연결
<style type="text/css">
@import url(web2log.css);
@import url(table.css);
</style>
- 여러개의 스타일시트 파일을 연결할수 있습니다.
- css조직화에 유용합니다.
- 두가지 방법중 취향에 맞게 골라쓰되, @import는 구형브라우저(Netscape Navigator 4)에서 인식못하므로 사이트가 이쁘게 보이진 않지만 정보접근을 못하는것은 아니므로 알아서 판단하셔서 쓰면 될듯 합니다.
2. 내부 스타일 시트
html <head>안에 <style></style>로 구성
<head>
<style type="text/css">
h1 {color:#ddd; font-size:25px;}
p {color:#333; font-size:12px;}
</style>
</head>
- <style>태그는 html이지 css가 아닙니다. 태그 내에 담긴 정보가 css라고 웹브라우저에게 알리는 역할을 합니다.
- 작성이 쉽고 간단하지만, 큰 사이트에는 적당하지 않습니다. 간단한 페이지 작업이 아닌이상 권장하는 방법은 아닙니다.
'웹표준 개발' 카테고리의 다른 글
| CSS 선택자(selector)에 대해서 정리해봅니다. 2 (0) | 2010/05/31 |
|---|---|
| CSS 선택자(selector)에 대해서 정리해봅니다. 1 (2) | 2010/05/20 |
| [웹표준 코딩]CSS 폰트 단위를 알아봅시다 (2) | 2010/05/06 |
| 웹페이지에 옷을 입히는 스타일시트 연결 (1) | 2010/04/26 |
| html과 xhtml의 차이점 (0) | 2010/04/19 |
| DTD선언이란? (0) | 2010/04/12 |
Trackback Address :: http://web2log.com/trackback/21
