CSS(内部)
CSSの部分です。head要素の中で宣言します。
<head>
...
...
...
<style>
.全体 {
background-color:aquamarine;
}
header{
background-color:bisque;
}
.中央 {
background-color:pink;
display: flex;
flex: 1;
}
main{
min-width: 300px;
background-color:yellow;
}
nav{
min-width: 300px;
background-color:yellowgreen;
}
aside{
background-color:orange;
}
footer{
background-color: gray;
}
</style>
</head>
ここから本体です。
<body class="全体">
<header>
header部分
レイアウト上部での文章表示です。
</header>
ヘッダとフッタの間の場所です。
ここはdivタグで囲まれています。
<div class="中央">
<main class="左">
ヘッダとフッタの間の場所です。
ここはdivタグで囲まれています。
</main>
<nav class="中">それぞれの場所に規則を宣言しています。</nav>
<aside class="右">bnm</aside>
</div>