CSS를 어떻게 사용할까? 그러기 위해 3가지 방법을 알아보자.
1. CSS 파일을 만들어서 link 태그를 이용하여 가져오기
<html>
<head>
<title>How to use CSS</title>
<link rel="stylesheet" href="./style.css" />
...가장 이상적인 방법으로 link 태그를 이용하면 스타일을 적용할 수 있다. 솔직하게 다른 방법은 잊고 있어도 크게 문제는 없지만 알아만 두자.
2. HTML head 태그 안에 style 태그를 만들어 작성하기
<html>
<head>
<title>How to use CSS</title>
<style>
/* 스타일을 작성한다. */
p {
font-size: 12px;
}
</style>
...head 태그 안에 style 태그를 만들어서 사용하면 이 공간을 CSS를 위한 공간으로 만들어 사용한다. 이러면 스타일을 적용 할 수 있다. 그렇지만, 이 방법은 권장되지 않는다.
3. HTML 태그에 직접적으로 CSS를 적용하기
<p style="font-size: 32px;">
Lorem ipsum...
</p>이 방법은 가장 권장되지 않는다. 유지보수도 무척 어렵고 CSS를 고치기 위해서 HTML 파일을 직접 봐야하는 경우도 발생한다. 아주 특별한 경우가 있긴 하지만 대부분은 그렇지 않기 때문에 사용하지 않도록 하자.
오늘도 한 발자국 더 나아가.