link
- html 태그로 css로 로드할 때 사용한다.
- 별도의 css 파일을 만들어 이를 html에 삽입하는 것
- 경재성이 높고, 재사용성을 높일 수 있다.
- 유지보수의 편의성이 높아진다.
- 소스코드를 이해하기 좋아진다.
용량이 줄어들지 않는다.
- 여러번 접속할수록 컴퓨터의 부하가 걸릴 확률이 높다.
-> 캐쉬 : 한번 다운로드 받은 것은 임시 파일에 저장해 놓았다가 후에 저장된 파일을 읽어 사용하므로 네트워크를 사용하지 않으므로 경량화가 된다.
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="./style.css" />
<!-- link_1.html이라는 파일을 웹브라우저가 읽어서 화면에 표시할 때, */ /*
style.css 파일을 다운로드 받아서 그 css를 이 웹페이지에 적용하라고
브라우저에게 명령 -->
</head>
<body>
<h1>page 1</h1>
</body>
</html>
import
- css 안에서 다른 css를 로드할 때 사용한다.
- style 안에서 link하는 것
- @import를 이용하여 삽입한다.
- 별도의 css 파일 안에서도 사용하여 동작할 수 있다.
<!DOCTYPE html>
<html>
<head>
<style>
/* style 안에서 link하는 방법 */
@import url(./style.css);
</style>
</head>
<body>
<h1>page 1</h1>
</body>
</html>
'html & css > 개념' 카테고리의 다른 글
| 코드 경량화 (minify) (0) | 2023.11.29 |
|---|---|
| 움직임 주기 - transition (전환) (0) | 2023.11.28 |
| 변형 (transform) 소개 (0) | 2023.11.28 |
| 필터(filter) (0) | 2023.11.28 |
| 배경(background) (6) | 2023.11.28 |
