first commit

历届学生/zheng-yuqing/项目练习/学生项目/千千音乐/css/clear.css

@@ -0,0 +1,19 @@
+/* 清楚浏览器默认样式 */
+
+ul,li,p,h1,h2,h3,h4,h5,h6,body {
+    margin: 0;
+    padding: 0;
+}
+
+a {
+    text-decoration: none;
+}
+
+li {
+    list-style: none;
+}
+
+input {
+    outline: none;
+    border: none;
+}

历届学生/zheng-yuqing/项目练习/学生项目/千千音乐/css/index.css

@@ -0,0 +1,17 @@
+.header {
+    height: 80px;
+    box-shadow: 0 2px 10px 0 rgb(52 52 52 / 10%);
+    background: #fff;
+    line-height: 80px;
+    box-sizing: border-box;
+}
+img{
+    margin-top: 20px;
+    margin-right: 40px;
+}
+
+.logo ul {}
+.logo ul li {
+    float: left;
+}
+.logo ul li a {}

历届学生/zheng-yuqing/项目练习/学生项目/千千音乐/css/public.css

@@ -0,0 +1,26 @@
+/* 公共css */
+.center {
+    width: 1200px;
+    margin: 0 auto;
+    height: 100%;
+}
+
+.left {
+    float: left;
+}
+
+.right {
+    float: right;
+}
+
+.auto {
+    overflow: hidden;
+}
+
+.relative {
+    position: relative;
+}
+
+.absolute {
+    position: absolute;
+}

历届学生/zheng-yuqing/项目练习/学生项目/千千音乐/千千音乐.html

@@ -0,0 +1,55 @@
+<!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>千千音乐</title>
+    <link rel="stylesheet" href="http://at.alicdn.com/t/font_3359132_0ieicnv9yoqi.css">
+    <link rel="stylesheet" href="./css/clear.css">
+    <link rel="stylesheet" href="./css/public.css">
+    <link rel="stylesheet" href="./css/index.css">
+</head>
+
+<body>
+    <div class="header">
+        <div class="center auto">
+            <div class="logo left">
+                <img class="left" src="./img/logo.svg" alt="">
+                <ul class="left">
+                    <li>
+                        <a href="">首页</a>
+                    </li>
+                    <li>
+                        <a href="">歌单</a>
+                    </li>
+                    <li>
+                        <a href="">歌手</a>
+                    </li>
+                    <li>
+                        <a href="">VIP</a>
+                    </li>
+                    <li>
+                        <a href="">音乐盒</a>
+                    </li>
+                    <li>
+                        <a href="">客户端</a>
+                    </li>
+                    <li>
+                        <a href="">音乐人入驻</a>
+                    </li>
+                </ul>
+            </div>
+            <div class="right search">
+                <div>
+                    <input type="text">
+                    <i class="iconfont icon-sousuo_o"></i>
+                </div>
+                <div class="login_text">登录/注册</div>
+            </div>
+        </div>
+    </div>
+</body>
+
+</html>