CSS 내장스타일, 외부스타일 참조, 인라인시트
exam.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta name="generator" content="editplus" />
<meta name="author" content="아이유" />
<style type="text/css">
/*
1. 내장스타일(imbaded) 형식, 여러 요소를 동시에 변경할때 사용하는것
정식적으론 head 태그안에 기재하도록한다.
문선안에 모든 div 태그를 bold체로 변경
장점 : 재활용성이 인라인보다 뛰어나다
단점 : 가독성은 외부 스타일보단 떨어진다.
*/
div { font-weight:bold; }
</style>
<!--
2. 외부 스타일 참조(External)
외부 CSS 파일 참조
장점 : 재활용성이 가장 높다.
단점 : 알아보려면 새페이지에서 가서 확인해아하는 번거로움이 있다.
-->
<link rel="stylesheet" type="text/css" href="Ex_02_css.css" />
</head>
<body>
<!--Ex02_CSS.HTM-->
<!--
3 인라인시트 형식
(1). 디자인을 변경할 곳을 찾는다.
(2). 속성을 기재한다
장점 : 소스에서 바로 바로 확인 가능한 장점이 있다.
단점 : 코드의 재사용성이 되지 않는다.
<속성 style=""속성을 css를 지원하기 위해 만든속성이다. 어느 속성에서도 가능하다
-->
<div>1</div>
<div style="color:orange;">2</div>
<div>3</div>
<p>4</p>
<p>5</p>
<p>6</p>
</body>
</html>
결과
