commit 794af9eef9ad22209b6ccab50937edc3cefb9e4a Author: asd <374367073@qq.com> Date: Mon Apr 19 10:36:37 2021 +0800 苏宁 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 0000000..aac37f0 Binary files /dev/null and b/static/img/logo.png differ