Edit in JSFiddle

<h1>Inline Style Sheet</h1>
<p>태그 자체가 셀렉터가 되기 때문에 별도로 지정할 필요가 없고 선언블록의</p>
<p style="color: red">속성과 속성값만 사용하게 됩니다.</p>
<p>단순하여 쉽게 적용 할 수 있지만 한계가 있고, 반복사용이 어려워요.</p>

<h1>Internal Style Sheet</h1>
<style>
h1{color: blue;}
</style>
<p>이렇게 스타일태그 안에 CSS를 지정할 수 있어요. 일반적으로는 〈head〉〈/head〉안에 표기하지만 아무데나 넣어도 적용이 됩니다.</p>

<h1>External Style Sheet</h1>
<p id="go">별도의 CSS파일을 만들고 HTML과 연결을 해줍니다.</p>
<p>#go {color: cyan;}</p>
<p>우선 이렇게 CSS문법을 따라 내용을 작성해준 후 style.css로 저장을 해줍니다.
HTML문서내에 CSS폴더가 있고 그 안에 CSS파일이 있다고 가정하면</p>
〈link rel="stylesheet" href="css/style.css"〉
<p>이렇게 코드를 작성해주면 됩니다. 파일의 경로는 바꿀수도 있으니 편의에 맞춰서 사용하시면 됩니다.</p>