first commit

This commit is contained in:
编码猿
2024-09-27 02:06:13 +08:00
commit 852d94fbb9
36760 changed files with 3274413 additions and 0 deletions

View File

@@ -0,0 +1,108 @@
<!DOCTYPE html>
<html lang="en">
<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>hao123</title>
</head>
<body>
<div class="header">
<div class="center">
<div class="header_top">
<div class="left">
<img src="" alt="">
<div class="dropmenu">
<img src="" alt="">
<span>导航</span>
<img src="" alt="">
<ul class="hidden_menu">
<li>
<div class="left_text">休闲娱乐</div>
<ul>
<li>
<a href=""></a>
</li>
<li>
<a href=""></a>
</li>
<li>
<a href=""></a>
</li>
</ul>
</li>
<li>
<div class="left_text">休闲娱乐</div>
<ul>
<li>
<a href=""></a>
</li>
<li>
<a href=""></a>
</li>
<li>
<a href=""></a>
</li>
</ul>
</li>
<li>
<div class="left_text">休闲娱乐</div>
<ul>
<li>
<a href=""></a>
</li>
<li>
<a href=""></a>
</li>
<li>
<a href=""></a>
</li>
</ul>
</li>
</ul>
</div>
</div>
<div class="right">
<img src="" alt="">
<span>一键登录</span>
<img src="" alt="">
<div class="search">
<input type="text">
<div class="submit">
<img src="" alt="">
<span></span>
</div>
</div>
</div>
</div>
<ul class="header_bottom">
<li>
<a href="">推荐</a>
</li>
<li>
<a href="">推荐</a>
</li>
<li>
<a href="">推荐</a>
</li>
<li>
<a href="">推荐</a>
</li>
</ul>
</div>
</div>
<div class="content">
<div class="center"></div>
</div>
<div class="footer">
<div class="center"></div>
</div>
</body>
</html>

View File

@@ -0,0 +1,16 @@
1: 重复性布局用ul如果只有一个ul那么外面不需要包div如果li内部结构有细微差异没关系统一用ul
2: header content footer 里面都有center 居中层,你应该在居中层里面分左右,左中右
3 画结构的用div具体功能性的用某个标签例如imga
4 div 除了画结构,也可以用来显示文字 <div>登录/注册</div>
5: 边距较小的情况下 center 中不需要分左中右
6如果div内部只有一个标签那么div省略不写
7: 左右,左中右 这种画分方法,一般用在画结构
8 content 里面 按照功能来划分上下结构