first commit

历届学生/逯帅帅/项目开发/学生项目/谢文军/今日头条/clear.css

@@ -0,0 +1,9 @@
+html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+}
+
+a {
+    text-decoration: none;
+}

历届学生/逯帅帅/项目开发/学生项目/谢文军/今日头条/index.css

@@ -0,0 +1,99 @@
+.header{
+    height: 81px;
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    z-index: 999;
+}
+.header_a{
+    height: 44px;
+    background: #d43d3d;
+    display: flex;
+    justify-content: space-between;
+    padding: 11px 24px;
+    box-sizing: border-box;
+}
+.kong img{
+    width: 28px;
+    height: 25px;
+}
+.header_b img{
+    width: 84px;
+    height: 22px;
+    margin-right: -2px;
+}
+.header_b i{
+    color: #fff;
+    font-size: 20px;
+}
+.header_b{
+    display: flex;
+    align-items: center;
+}
+.header_a .sousuo{
+    width: 24px;
+    height: 24px;
+}
+.header_c{
+    height: 36px;
+    background: #f4f5f6;
+    display: flex;
+    overflow: hidden;
+}
+.header_c .header_d{
+    flex-grow: 3;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    overflow-x: scroll;
+    padding-left: 15px;
+}
+.header_d li{
+    flex-shrink: 0;
+    padding-right: 10px;
+    font-size: 17px;
+}
+.header_c i{
+    width: 45px;
+    height: 40px;
+    text-align: center;
+    line-height: 37px;
+    font-size: 22px;
+    color: #f85959;
+    box-shadow: -1px 1px 7px #d2d2d2;
+}
+.header_d li:nth-child(5){
+    color: #f85959
+}
+.content{
+    margin-top: 81px;
+}
+.content_a{
+    padding-bottom: 16px;
+}
+.content_b{
+    display: flex;
+    justify-content: space-between;
+}
+.content_a li{
+    margin: 0 15px;
+    border-bottom: 1px solid #f4f4f4;
+    padding-bottom: 10px;
+    padding-top: 15px;
+}
+.content_a img{
+    width: 114px;
+    height: 64px;
+}
+.content_a h3{
+    font-size: 17px;
+    font-weight: 400;
+    margin-bottom: 6px;
+}
+.content_a p{
+    font-size: 12px;
+    color: #999;
+    zoom: 0.8;
+}
+

历届学生/逯帅帅/项目开发/学生项目/谢文军/今日头条/index.html

@@ -0,0 +1,94 @@
+<!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_2390935_daptp7zb3p9.css">
+    <link rel="stylesheet" href="./clear.css">
+    <link rel="stylesheet" href="./index.css">
+</head>
+
+<body>
+    <div class="header">
+        <div class="header_a">
+            <div class="kong">
+                <img src="./youxiang.png" alt="">
+                <div></div>
+            </div>
+            <div class="header_b">
+                <img src="./jinritoutiao.png" alt="">
+                <i class="iconfont icon-shuaxin"></i>
+            </div>
+            <img class="sousuo" src="./sousuo.png" alt="">
+        </div>
+        <div class="header_c">
+            <p>11111111111111</p>
+            <ul class="header_d">
+                <li>推荐</li>
+                <li>视频</li>
+                <li>热点</li>
+                <li>社会</li>
+                <li>娱乐</li>
+                <li>军事</li>
+                <li>科技</li>
+                <li>汽车</li>
+            </ul>
+            <i class="iconfont icon-jiahao"></i>
+        </div>
+    </div>
+    <div class="content">
+        <ul class="content_a">
+            <li class="content_b">
+                <div class="content_c">
+                    <h3>降央卓玛演唱《国家》，美女反串唱男声，歌声让人陶醉</h3>
+                    <p>国剧盛典&nbsp;评论&nbsp;10086</p>
+                </div>
+                <img src="./meinv.png" alt="">
+            </li>
+            <li class="cont">
+
+                <h3>降央卓玛演唱《国家》，美女反串唱男声，歌声让人陶醉</h3>
+                <p>国剧盛典&nbsp;评论&nbsp;10086</p>
+
+            </li>
+            <li class="content_b">
+                <div class="content_c">
+                    <h3>降央卓玛演唱《国家》，美女反串唱男声，歌声让人陶醉</h3>
+                    <p>国剧盛典&nbsp;评论&nbsp;10086</p>
+                </div>
+                <img src="./meinv.png" alt="">
+            </li>
+            <li class="cont">
+
+                <h3>降央卓玛演唱《国家》，美女反串唱男声，歌声让人陶醉</h3>
+                <p>国剧盛典&nbsp;评论&nbsp;10086</p>
+
+            </li>
+            <li class="content_b">
+                <div class="content_c">
+                    <h3>降央卓玛演唱《国家》，美女反串唱男声，歌声让人陶醉</h3>
+                    <p>国剧盛典&nbsp;评论&nbsp;10086</p>
+                </div>
+                <img src="./meinv.png" alt="">
+            </li>
+            <li class="cont">
+
+                <h3>降央卓玛演唱《国家》，美女反串唱男声，歌声让人陶醉</h3>
+                <p>国剧盛典&nbsp;评论&nbsp;10086</p>
+
+            </li>
+            <li class="content_b">
+                <div class="content_c">
+                    <h3>降央卓玛演唱《国家》，美女反串唱男声，歌声让人陶醉</h3>
+                    <p>国剧盛典&nbsp;评论&nbsp;10086</p>
+                </div>
+                <img src="./meinv.png" alt="">
+            </li>
+        </ul>
+    </div>
+</body>
+
+</html>