note

CSS 기본 태그 내부삽입형,문서내 지정형,외부문서 삽입형 본문

CSS/기본

CSS 기본 태그 내부삽입형,문서내 지정형,외부문서 삽입형

투한 2012. 2. 1. 11:54





CSS 파일 생성









<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>CSS태그 내부 삽입형</title>
</head>
<body>
<font style="font-size:15pt">안녕</font>
<span style="font-size:30pt">겨울</span>
<div  style="font-size:30pt">겨울눈</div>
<p style="font-size:30pt">행운의 하루</p>
</body>
</html>



<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>CSS문서내 지정형</title>
<style type="text/css">
<!-- 
font {font-size:20pt}
span {font-size:15pt}
body {font-size:30pt}
div  {font-size:40pt}
//-->
</style>
</head>
<body>
<font>안녕하세요</font>
<span>즐거운 하루</span>
ㅋㅋㅋ
<div>눈이 내리는 마을</div>
</body>
</html>



<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>CSS 외부 문서 삽입 형</title>
<link rel=stylesheet href="style.css" type="text/css">
</head>
<body>
<span>하루 종일 행복해~~</span>
<div>겨울 여행</div>
<p>봄이 오는 소리</p>
</body>
</html>



@CHARSET "UTF-8";
span {font-size:20pt;color:red}
div {font-size:35pt;color:blue}
p {font-size:25pt;color:gray}
가장 많이 쓰는 방식은 외부문서 삽입형과

문서내 지정형이 있다 
저작자표시 비영리 변경금지

'CSS > 기본' 카테고리의 다른 글

CSS 테이블 스타일 적용  (0) 2012.02.01
CSS 가상선택자 사용  (0) 2012.02.01
CSS ID선택자 사용  (0) 2012.02.01
CSS 클래스 선택자 사용  (0) 2012.02.01
'CSS/기본' Related Articles more