From 794af9eef9ad22209b6ccab50937edc3cefb9e4a Mon Sep 17 00:00:00 2001 From: asd <374367073@qq.com> Date: Mon, 19 Apr 2021 10:36:37 +0800 Subject: [PATCH] =?UTF-8?q?=E8=8B=8F=E5=AE=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 143 ++++++++++++++++++++++++++++++++++++ note.md | 7 ++ static/css/index.css | 168 +++++++++++++++++++++++++++++++++++++++++++ static/img/logo.png | Bin 0 -> 4165 bytes 4 files changed, 318 insertions(+) create mode 100644 index.html create mode 100644 note.md create mode 100644 static/css/index.css create mode 100644 static/img/logo.png diff --git a/index.html b/index.html new file mode 100644 index 0000000..93aa38c --- /dev/null +++ b/index.html @@ -0,0 +1,143 @@ + + + + + + + + Document + + + + + +
+
+
网站导航
+
商家入驻
+
客户服务
+
+
+
网站导航
+
商家入驻
+
客户服务
+
网站导航
+
商家入驻
+
客户服务
+
+ +
+ +
+ +
+ +
+
+ +
搜索
+
+
+
+

最近搜索

+ +

您还没有探索到这里

+
+
+ +
+
+
+yyyy +
+ + + + \ No newline at end of file diff --git a/note.md b/note.md new file mode 100644 index 0000000..02c93cb --- /dev/null +++ b/note.md @@ -0,0 +1,7 @@ +# css +引入方式： +1. 行内样式

+2. 内联样式 style +3. 外部样式 link + +css 使用的第一步是初始化样式 用 * （通配符） \ No newline at end of file diff --git a/static/css/index.css b/static/css/index.css new file mode 100644 index 0000000..470b3b4 --- /dev/null +++ b/static/css/index.css @@ -0,0 +1,168 @@ +*{ + margin:0; + padding:0; +} +.navbox{ + width: 100%; + height: 36px; + background: #f5f5f5; + display: flex; + justify-content:space-between +} +.navbox .left{ + margin-left: 30px; +} +.navbox .right{ + margin-right: 40px; +} +.navbox .left, .right{ + /* width: 343px; */ + height: 100%; + display: flex; + /* float: left; */ +} +.navbox .right{ + /* width: 647px; */ + height: 100%; + /* background: blue; */ + /* float: right; */ +} + +.navbox .left .navitem, .right .navitem{ + font-size: 12px; + line-height: 36px; + padding:0 10px; + cursor: pointer; + /* cursor: default; */ +} + + +.navbox .left .navitem:hover, .right .navitem:hover{ + color: #F60; + background: white; +} + +.nav2{ + width: 890px; + /* height: 242px; */ + border: 1px solid #ddd; + border-top: none; + margin-left: 30px; + overflow: auto; + padding:20px 0; + display: none; + position: absolute; + z-index: 10000000000; + background: white; +} +.title{ + color:#333; + font-size: 14px; + padding-left: 18px; +} +.navlist{ + float: left; + padding-right: 40px; + border-right:1px solid #ddd; +} +.nav2 .navlist:last-child{ + border-right: none; +} +.nav2 ul li{ + font-size: 12px; + color: #333; + list-style: none; +} +.nav2 ul{ + float: left; + margin-left: 20px; +} +.top{ + margin-left: 30px; + display: flex; + align-items: center; + position: relative; + box-sizing: border-box; + /* 定义交叉轴对齐方式 */ + /* border: 1px solid red; */ +} +.searchbox{ + width: 540px; + height: 40px; + border: 2px solid #ff8000; + display: flex; + border-radius: 20px; + /* position: absolute; + top:20px */ + /* float: left; */ + /* 第一个是左上 第二个是右上 第三个是右下 第四个是左下 */ +} +.logo{ + width:190px; + height: 90px; + margin-right:30px; + float: left; + position: absolute; + top: 20px; +} +.searchright{ + margin-left: 300px; + position: relative; + top: 30px; + box-sizing: border-box; +} +.searchicon{ + width: 15px; + height: 36px; + background: #ddd; + margin-left: 20px; +} +.shuru{ + width: 390px; + height: 36px; + border: none; + outline: none; + padding-left: 10px; +} +.btn{ + width: 120px; + height:40px; + background: #ff8000; + color:white; + text-align: center; + line-height: 40px; + border-top-right-radius: 10px; + border-bottom-right-radius: 10px; +} + +.searchcontent{ + width: 540px; + border: 1px solid red; + box-sizing: border-box; +} +.searchcontent .left{ + width: 251px; + height: 269px; + border:1px solid gray; + box-sizing: border-box; +} +.left .title{ + width:100%; + height: 30px; + background: #ddd; + line-height: 30px; + color: #999; + box-sizing: border-box; +} +.sun{ + width:80px; + height:80px; + margin-left: 30%; + margin-top:10%; + margin-bottom: 20px; +} +.tishi{ + color: #ddd; + text-align:center; + +} \ No newline at end of file diff --git a/static/img/logo.png b/static/img/logo.png new file mode 100644 index 0000000000000000000000000000000000000000..aac37f0ce0e5da3b42e034d724860481b1aa66e3 GIT binary patch literal 4165 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