网页设计步骤

小昔超厉害

于 2021-09-17 00:45:45 发布

阅读量278

点赞数

分类专栏： # web前端设计与开发文章标签： css html html5

本文链接：https://blog.csdn.net/zjj8008120308/article/details/120340627

版权

web前端设计与开发专栏收录该内容

54 篇文章 3 订阅

订阅专栏

整体

<!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;
}