외부로 파일을 빼는 방법은 크게 두가지입니다.
1. <link rel="stylesheet" href="style.css">
2. <style>@import url("style.css")</style>
여러 개의 웹페이지가 있으면 그것을 전부 수정할 수는 없다
그러면 초기 디자인을 바꾸는 것이 불가능해진다
중복이 많이 있을때 우연히 같은 부분을 바꾸려다가 실수할 수가 있다
css파일을 다운로드 받아서 적용한다 이것도 용량을 많이 잡아먹지만 경제적인 이유는 임시파일은 캐시에 저장되기 때문이다
별도로 뺀 css 파일에서도 @import url("style.css")를 사용할 수 있다
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;
}
댓글