乌海网站制作济南网站建设哪家专业
最近学习了一点HTML,闲来无事写个网页看看, 欢迎、改进、留言。
演示地点:跳转到演示地点
一、初始化页面
body,button,dd,dl, dt,form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul,a,div,span {margin: 0;padding: 0;
}
ul{list-style: none;
}
a{text-decoration: none;
}
.clear{clear: both;
二、头部和底部
先给网页设置一个头部,具体代码如下:
.header {padding: 80px;text-align: center;background: rgb(204, 191, 116);color: rgb(240, 232, 232);
}
再设置一个底部,具体代码如下:
.footer {padding: 10px;text-align: center;background: #ddd;
}
运行结果如下:
三、整体
html代码如下:<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><div class="h