<!DOCTYPE html>
<html>
<head>
<meta charset ="UTF-8">
<title>1. title>
<!--Style-->
<style type="text/css">
.container{
max-width: 960px;<!--최대 너비 설정 ~ 960px- ->
margin:0 auto;<!--내부 블록 요소를 가로 중앙에 설정-->
}
.header{
height:50px;
background-color :#21ff80;
}
.main{
높이:600px;
배경색상:#80007f;
}
.footer{
높이:100px;
배경색상:#21ff80;
}
</style> 페이지의 헤드, 바디, 하단을 모두 컨테이너에 넣고 균일하게 설정합니다<br>
2. 컨테이너의 하위 블록은 높이만 설정하면 됩니다
</html>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
네, 댓글에 문제가 있어서 메모장++로 작성했는데 신경쓰지 않고 그냥 단축키로 썼어요.
스타일만 쓰고 스타일을 사용하지 않으셨네요