똑같은 CSS를 적용해야 하는 웹페이지가 1000개가 있을 때 CSS의 내용이 바뀌었다면 어떻게 해야할까요? 아마 천개의 웹페이지를 모두 수정해야 할 것입니다. 이것은 CSS의 수정을 소극적으로 만들고 그것은 곧 아름다움을 억압하는 암담한 장애물이 될 것입니다. 여기서는 이런 문제를 근본적으로 해결할 수 있는 방법인 link 태그와 @import에 대해서 알아봅니다.
외부로 파일을 빼는 방법은 크게 두가지입니다.
1. <link rel="stylesheet" href="style.css">
2. <style>@import url("style.css")</style>
예제
link_1.html
<!doctype html>
<html>
<head>
<!-- <link rel="stylesheet" href="style.css">-->
<style>
@import url("style.css")
</style>
</head>
<body>
<h1>page2</h1>
</body>
</html>
style.css
h1{
color:red;
}
