1. 스타일시트 시작
.NET프로그래밍/CSS 2.0 2009. 7. 27. 18:28 |<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>스타일시트 시작 - 첫번째 방법 : <style type="text/css"> ~CSS코드~ </style></title>
<style type="text/css">
div { font-size:9pt; color:Blue; font-family:Verdana; }
</style>
</head>
<body>
<div>
안녕하세요. <br />
</div>
</body>
</html>
<!--
- <style>태그 안에 있는 div { font-size:9pt; color:Blue; font-family:Verdana; }는 <body>태그 안에 있는 <div>태그 안에 적용됨. / 크기는 9pt, 영문글꼴체는 Verdana를 많이 사용함. / font-family는 '글꼴'임.
- HTML 페이지에 스타일시트(CSS) 적용하는 5가지 방법
1. <style type="text/css"> ~CSS코드~ </style>
2. 링크 태그 <link> : 스타일 코드가 길어질 경우 유용함.
<link
rel="stylesheet"
type="text/css"
href="~CSS파일경로~"
>
3. <태그명 style="~CSS코드~"> ~ </태그명> : 태그에 직접 적용하는 방법
4. <태그명 class=".으로선언된스타일명"> ~ </태그명>
5. <태그명 id="#으로선언된스타일명"> ~ </태그명>
-->
< 실행결과 >
'.NET프로그래밍 > CSS 2.0' 카테고리의 다른 글
| 4. class를 이용하는 방법 (0) | 2009.07.27 |
|---|---|
| 3. 태그에 직접 적용 (0) | 2009.07.27 |
| 2. <link>태그와 외부에 스타일시트파일 선언 (0) | 2009.07.27 |
| Client Level에서와 Server Level에서의 개발수준 (0) | 2009.07.27 |
| CSS 2.0 PPT (0) | 2009.07.27 |