first commit

2024-09-27 02:06:13 +08:00
commit 852d94fbb9
36760 changed files with 3274413 additions and 0 deletions
--- a/历届学生/front-end-team/项目练习/学生项目/李康/css练习/rem作业/inde.html
+++ b/历届学生/front-end-team/项目练习/学生项目/李康/css练习/rem作业/inde.html
@@ -0,0 +1,140 @@
+<!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>Document</title>
+    <script src="./rem.js"></script>
+    <link rel="stylesheet" href="./clear.css">
+    <style>
+        .header {
+            height: 0.59rem;
+
+
+
+
+        }
+
+        .title {
+            width: 6.3rem;
+            height: 0.59rem;
+            display: flex;
+            align-items: center;
+            justify-content: space-around;
+            margin-left: 0.6rem;
+            border-bottom: 0.01rem solid #999;
+            padding-bottom: 00.11rem;
+
+            top: 0;
+            left: 0;
+        }
+
+        .title li {
+            font-size: 0.2rem;
+        }
+
+        .content {}
+
+        .content ul {
+            width: 7.02rem;
+            height: 3.9rem;
+            background-color: #333333;
+            margin-left: 0.21rem;
+
+        }
+
+
+
+        
+
+        ul .surface {
+           
+        }
+
+        .video {
+
+
+            width: 7.02rem;
+            height: 3.9rem;
+            position:relative
+
+
+        }
+
+        ul li{
+            margin-bottom: 0.75rem;
+        }
+
+        .Video .bbb {
+            width: 100%;
+            height: 100%;
+
+
+        }
+
+        .aaa {
+            width: 1.14rem;
+            height: 0.36rem;
+            position: absolute
+        }
+
+        ul li .relate {
+            width: 6.78rem;
+            height: 0.29rem;
+            font-size: 0.3rem;
+            color: #333333;
+        }
+
+        .Video span {
+            font-size: 0.24rem;
+            color: #999999;
+            margin-left: 0.08rem;
+            position: absolute
+        }
+    </style>
+</head>
+
+<body>
+    <div class="header">
+        <ul class="title">
+            <li>包河radio</li>
+            <li>包河TV</li>
+            <li>融媒直播</li>
+        </ul>
+    </div>
+
+
+    <div class="content">
+        <ul>
+            <li>
+                <div class="Video">
+                    <img class="bbb" src="./img/video.png" alt="">
+                    <img class="aaa" src="./img/live_small.png" alt="">
+                    <span>342252人在看</span>
+                </div>
+                <div class="relate">“文字鬼才”马伯庸新书发布座谈会(标题一行就一行)</div>
+            </li>
+            <li>
+                <div class="Video">
+                    <img class="bbb" src="./img/video.png" alt="">
+                    <img class="aaa" src="./img/notice_big.png" alt="">
+                    <span>342252人在看</span>
+                </div>
+                <div class="relate">九枚玉和您畅谈陪读生活的酸辣苦涩（字体如果两行就展示两行）</div>
+            </li>
+            <li>
+                <div class="Video">
+                    <img class="bbb" src="./img/video.png" alt="">
+                    <img class="aaa" src="./img/playback_big.png" alt="">
+                    <span>342252人在看</span>
+                </div>
+                <div class="relate">连接金融合作蜕变共赢未来</div>
+            </li>
+
+        </ul>
+    </div>
+</body>
+
+</html>