<!DOCTYPE html>
<html>
<head>
<メタ文字セット ="UTF-8">
<title>1. 単一列の等幅レイアウト</title>
<!--Style-->
<style type="text/ css" >
.container{
max-width: 960px;<!--最大幅を 960px に設定します-->
margin:0 auto ;< !-- 内側のブロック要素を水平方向の中央に設定します -->
}
.header{
height:50px;
背景色: #21ff80;
}
.main{
高さ:600px;
背景色:#80007f;
}
.フッター{
高さ:100px;
背景色:#21ff80;
}
< ;/style>
##<body>
<h4> ;シングルカラムなどワイドレイアウトの基本的な考え方: </h4>
<p>1. ページの見出し、本文、下部をすべてコンテナに配置し、均一に設定します<br>
2. コンテナ内のサブブロックは高さを設定するだけで済みます。
</p>
<div>
<div>head</div>
<div>body</div>
<div>bottom</div>
</ div>
##</body>
</html>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
OK、コメントに問題がありました。注意せずにショートカット キーを使用しました。
スタイルを書いただけで、スタイルを使用していません