<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Chats | Kakao Clone</title>
<link rel="stylesheet" href="css/styles.css" />
</head>
<body>
<script src="./index.js"></script>
</body>
</html>
tip)
script는 body의 맨 마지막에 넣어 주는 것이 좋다.
가급적 모든 태그에 class를 주는 것이 좋다. CSS에서 flex를 이용하려다 보니 왔다갔다하는 게 힘들다.
div 떡칠보다 구획에 쓰이는 tag를 이용해보자 (하단 참고)
'웹 전반, 브라우저 > HTML, CSS' 카테고리의 다른 글
img 말고 figure, div 태그 내 style로 이미지를 조작하자 (0) | 2020.03.09 |
---|---|
Responsive Web 반응형 웹 제작 플로우 (0) | 2020.03.08 |
reset.css과 box-sizing 등 css 환경 설정 (0) | 2020.03.04 |
헤더 고정하기, 페이지 초반이 헤더에 가려졌을 때 (0) | 2020.03.04 |
CSS 호버(hover)시 다른 태그/엘리먼트에 CSS 적용 하기 (0) | 2020.01.26 |