자신만의 스타일 시트를 작성하는 방법입니다.
CSS2.0 - 02.외부스타일시트 강좌와 같이 (파일).CSS 연결 시켜주면 CSS 파일 안에
작성된 스타일시트로 연결된 해당페이지의 스타일이 바뀌게 됩니다.
이 방법을 활용하게 되면 작업을 할때마다 스타일을 지정해 주지 않아도 되며,
손쉽게 자신이 사용하는 스타일로 적용가능하게 됩니다
예제는 body 안에 있는 모든 폰트 크기와 글꼴체 변경입니다.
스타일시트를 생성하신 후에 다음과 같이 입력합니다.
body
{
color:#3366FF; font-size=15px; font-family:@맑은 고딕;
}
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>나만의 스타일 시트</title>
<link rel="Stylesheet" type="text/css" href="19.StyleSheet.css" />
</head>
<body>나만의 스타일</body>
</html>
19.StyleSheet.css
19.나만의 스타일시트.htm'jQuery | javascript | CSS' 카테고리의 다른 글
| 21.CSS - 이미지관련 스타일 (0) | 2009.07.30 |
|---|---|
| 20.CSS - 리스트(목록)관련 스타일 (0) | 2009.07.30 |
| 18.CSS - 스크롤바-스타일 지정 (0) | 2009.07.29 |
| 17.CSS - 링크(link)스타일 지정 (0) | 2009.07.29 |
| 16.CSS - 마우스커서관련 (0) | 2009.07.29 |
Comments