菜鸟学从0开始的前端No.01

简单的框架（持续更新）

html文件

  1. 基本架构
<!DOCTYPE html>
<html>
<head>
	<title></title> /* 标题 */
	<meta charset="utf-8"> /* 统一编码，防止中文乱码 */
	<link rel="stylesheet" type="text/css" href="css/main.css"> /* 导入css文件 */
</head>
<body>
</body>
</html>
  1. 导航栏
<div class="topbar">
	<ul>
		<li><div class="logo"></div></li>
		<li><a href="/">首页</a></li>
	</ul>
</div>
  1. 底栏
<div class="endbar">
	<div class="fg"></div>
	<p>Copyright © 2021 Sapurate.保留所有权利。 | Power By Fei</p>
	</div>
</div>

css文件

* {
	margin: 0;
	border: 0;
	padding: 0;
}

html, body {
	height: 100%;
	width: 100%;
	text-align: center;
}
posted @ 2021-01-02 19:43  sapurate  阅读(68)  评论(0)    收藏  举报

Copyright © 2021 Sapurate.保留所有权利。 | Power By Fei