css 파일을 만들고 html 문서의 <head> 안에 아래행을 추가한다.
<link rel="stylesheet" href="styles.css">
href 안의 경로는 css 파일을 어디에 만드는지에 따라 달라지면 된다.
순서>
같은 폴더에서 파일을 만든다.
1) .css 만들기
# styles.css
@charset "UTF-8";
a:hover {
text-decoration: none; /* 링크시 아래줄 없애기 */
}
2) .html 파일 <head> 안에 추가하기 - 파일경로는 폴더를 만든다면 변경해주면 된다.
# index.html
<html>
<head>
...
<!-- Add style 2020.08.15 -->
<link rel="stylesheet" href="styles.css">
</head>
<body>
...
</body>
</html>
출처>
모질라 개발자 사이트
https://developer.mozilla.org/ko/docs/Learn/CSS/First_steps/Getting_started
가장 먼저 해야할 일은 HTML 문서에 사용하려는 CSS 규칙이 있다는 것을 알리는 것입니다. CSS 를 HTML 문서에 적용하는 방법에는 세 가지가 있지만, 지금은 문서의 head 에서 연결하는 가장 일반적이고 유용한 방법을 살펴 보겠습니다.
The very first thing we need to do is to tell the HTML document that we have some CSS rules we want it to use. There are three different ways to apply CSS to an HTML document that you'll commonly come across, however, for now, we will look at the most usual and useful way of doing so — linking CSS from the head of your document.
'etc > html, css' 카테고리의 다른 글
| [css] 링크 클릭시 원하는 색 넣기 - :focus (0) | 2020.09.18 |
|---|---|
| [html] blockquote 사용하기 (0) | 2020.09.04 |
| [css] css 파일의 시작 - @charset (0) | 2020.08.15 |
| [css] display: flex - 중앙 정렬 하기 (0) | 2020.07.14 |
| [css] rem 단위는 무엇이고, 왜 사용하나 (0) | 2020.06.29 |