Webデザインはかなり新しいので、基本を確実に理解するために、ヘッダー、段落、スティッキーフッターを備えたWebサイトの基本的なモックアップを作成することをお勧めします:)
.paragraph div を水平方向だけでなく垂直方向にも中央に配置する方法と、コードに明らかな問題や非効率性があるかどうかを知りたいと思っています。悪い習慣を身につけずに基本的なレイアウトをコーディングできるようにしたいだけです。
だから私はこのCSSで終わった:
.head {
margin: auto;
height: 100%;
width: 100%;
background-color: #000;
color:white;
text-align:center;}
body {
background-color:#99C;
}
.h1 {
font-size:50px;
font-family:Georgia, "Times New Roman", Times, serif;
padding:30px;
}
.paragraph {
color:#FFF;
text-align:center;
background-color:#333;
width:35%;
margin:auto;
margin-top:165px;
padding:10px;
}
* {
margin: 0;
}
html, body {
height: 100%;
}
.wrapper {
min-height: 100%;
/* equal to footer height */
margin-bottom: -70px;
}
.wrapper:after {
content: "";
display: block;
}
.site-footer, .wrapper:after {
/* .push must be the same height as footer */
height: 70px;
}
.site-footer {
background: orange;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:40px;
line-height:70px;
}
そして、これがどのように見えるかです:
前もって感謝します!!!
アダム・H