<base href="./css/">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="main.css">
위를 보면 base태그를 사용해서 ./css/ 폴더를 설정한 것을 볼 수 있다.
다음 link태그에서 경로를 사용할 때 바로 main.css를 이용할 수 있다.
유용하게 사용하기2
<!DOCTYPE html>
<html lang="en">
<head>
<base href="https://heropcode.github.io/GitHub-Responsive/">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./css/main.css">
<title>다큐먼트</title>
</head>
<body>
<div class="header">
<!-- 중앙정렬 -->
<div class="container">
<!-- left -->
<div class="container-left clearfix">
<div class="logo">
<img src="img/logo.svg" alt="GitHub Logo">
</div>
<div class="menu clearfix">
<div class="menu-item">Personal</div>
<div class="menu-item">Open Source</div>
<div class="menu-item">Business</div>
<div class="menu-item">Explore</div>
</div>
</div>
</div>
</div>
<img src="img/bg-small.jpg" alt="대체 이미지">
<img src="img/feature-tile__build.png" alt="대체 이미지">
</body>
</html>
'Stack & Tool > HTML, CSS' 카테고리의 다른 글
h1 ~ h6에 대해 몰랐던 얘기. 스타일로 사용하지 말라. (0) | 2021.05.18 |
---|---|
시맨틱 태그(1일 15개 이상 발행 제한으로 임시 제한) (0) | 2021.05.18 |
<style type="text/css"> type 꼭 넣어야되는가? (0) | 2021.05.18 |
메타 테그 (0) | 2021.05.18 |
국가와 언어 (0) | 2021.05.18 |
댓글