网页设计步骤

  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 @   昔痕  阅读(5)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 单元测试从入门到精通
· winform 绘制太阳,地球,月球 运作规律
· 上周热点回顾(3.3-3.9)
点击右上角即可分享
微信分享提示