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