CSS를 html에 적용시키는 방법은 크게 두가지가 있다.
1. html파일에 css코드와 html코드를 같이 놓는다. (비추)
걍 더러워 보임 코드가 복잡해보임.
<!Doctype html>
<html lang="kr">
<head>
<style>
css코드를 이곳에 넣음!
</style>
</head>
<body>
contents
</body>
</html>위와같은 방식이다. head태그 안에 style태그를 열고 그 안에 코드를 작성하면 된다. 이 부분은 항상 head태그 안에 있어야 한다.
2. css파일을 만들어서 적용한다. (개추ㅋㅋ)
먼저 style.css라는 파일을 만들었다고 가정한다. 이후 다음과 같이 작성하면 적용이 된다.
<!Doctype html>
<html lang="kr">
<head>
<link href="style.css" rel="stylesheet"/>
</head>
<body>
contents
</body>
</html>이렇게 해야 html코드와 css코드가 분리되어 깔끔하게 저장이 가능하므로 대부분 이렇게 한다고 한다. (본인이 웹 잘 모르는 컴붕이면 개추 ㅋㅋ)
'HTML-CSS' 카테고리의 다른 글
| Classes (0) | 2022.09.07 |
|---|---|
| Margin, Padding, Border (0) | 2022.09.07 |
| Blocks and Inlines (0) | 2022.09.07 |
| css 내용정리 (0) | 2022.09.07 |
| HTML (0) | 2022.09.07 |