网页设计步骤

  1. 整体
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>抗击疫情网站设计</title>   
	<link href="css/index.css" rel="stylesheet" />
</head>
<body>
	<div id="header">
	<div class="container"></div></div>
	<div id="nav">
	<div class="container"></div></div>
	<div class="container"></div>
	<div id="main1">
	<div class="container"></div></div>
	<div id="main2">
	<div class="container"></div></div>
	<div id="main3">
	<div class="container"></div></div>
	<div id="footer">
	<div class="container"></div></div>
</body>
</html>

*{
	/* 对浏览器默认的属性清零 */
	margin: 0;
	padding: 0;
}
ol,ul{
	/*	把标识去掉*/
	list-style-type: none;
}
a{
	color: aqua;
	text-decoration: none;
}
.left{
	float: left;
}
.right{
	float:right;
}
#header,#nav,#main1,#main2,#main3,#footer{
	height: 100px;
	width: 100%;
	border: 1px solid #F20E11;
}
.container{
	width: 1280px;
	border: 1px solid #0C0B0B;
	margin: 0px auto;
}
posted @ 2022-10-08 01:20  昔痕  阅读(3)  评论(0)  编辑  收藏  举报