bmy/ClassContent
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
编码猿
2024-09-27 02:06:13 +08:00
commit 852d94fbb9
36760 changed files with 3274413 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
历届学生/fontendseven/项目练习/上课项目/简书/css/clear.css Normal file
View File

@@ -0,0 +1,14 @@
body,p,ul,li,h1,h2,h3,h4,h5,h6,input{
margin: 0;
padding: 0;
border: none;
}
li{
list-style: none;
}
input {
/* 去除选中input时候产生的外边框 */
outline: none;
}

69
历届学生/fontendseven/项目练习/上课项目/简书/css/index.css Normal file
View File

@@ -0,0 +1,69 @@
.news {
width: 280px;
}
.news .news_title {
margin-bottom: 15px;
}
.news .news_title p {
font-size: 14px;
color: #969696;
}
.news .news_title .reload {
font-size: 14px;
color: #969696;
}
.news .news_title .reload .icon-update{
font-size: 14px;
}
.news_list {}
.news_list li {
overflow: hidden;
margin-bottom: 10px;
}
.news_list li img{
width: 48px;
height: 48px;
margin-right: 10px;
border-radius: 100%;
}
.news_list_text {
margin-top: 3px;
width: 222px;
}
.news_list_text .list_text_title {
margin-bottom: 3px;
}
.news_list_text .list_text_title .user_name{
font-size: 14px;
color: #333;
}
.news_list_text .list_text_title .follow{
font-size: 13px;
color: #42c02e;
}
.news_list_text .list_text_title .follow i{
font-size: 13px;
}
.news_list_text .list_text_statistics {
font-size: 12px;
color: #969696;
}
.view_all {
font-size: 13px;
color: #787878;
background-color: #f7f7f7;
border: 1px solid #dcdcdc;
border-radius: 4px;
padding: 7px 7px 7px 12px;
text-align: center;
}
.view_all span {
vertical-align: middle;
}
.view_all i {
font-size: 12px;
zoom: 0.7;
}

13
历届学生/fontendseven/项目练习/上课项目/简书/css/public.css Normal file
View File

@@ -0,0 +1,13 @@
/* 存放使用率高的css代码 */
.left {
float: left;
}
.right {
float: right;
}
.hidden {
overflow: hidden;
}

113
历届学生/fontendseven/项目练习/上课项目/简书/index.html Normal file
View File

@@ -0,0 +1,113 @@
<!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>
<link rel="stylesheet" href="http://at.alicdn.com/t/font_2915751_qfksn5boffh.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="news">
<div class="news_title hidden">
<p class="left">推荐作者</p>
<div class="reload right">
<i class="iconfont icon-update"></i>
<span>换一批</span>
</div>
</div>
<ul class="news_list">
<li>
<img class="left" src="https://upload.jianshu.io/users/upload_avatars/301940/189d69dd-af7c-4290-9e2c-89e98acf3603.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/96/h/96/format/webp" alt="">
<div class="news_list_text left">
<div class="list_text_title hidden">
<span class="user_name left">卢璐说</span>
<div class="follow right">
<i class="iconfont icon-tianjia"></i>
<span>关注</span>
</div>
</div>
<div class="list_text_statistics">
写了2065.8k字 · 34.6k喜欢
</div>
</div>
</li>
<li>
<img class="left" src="https://upload.jianshu.io/users/upload_avatars/301940/189d69dd-af7c-4290-9e2c-89e98acf3603.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/96/h/96/format/webp" alt="">
<div class="news_list_text left">
<div class="list_text_title hidden">
<span class="user_name left">卢璐说</span>
<div class="follow right">
<i class="iconfont icon-tianjia"></i>
<span>关注</span>
</div>
</div>
<div class="list_text_statistics">
写了2065.8k字 · 34.6k喜欢
</div>
</div>
</li>
<li>
<img class="left" src="https://upload.jianshu.io/users/upload_avatars/301940/189d69dd-af7c-4290-9e2c-89e98acf3603.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/96/h/96/format/webp" alt="">
<div class="news_list_text left">
<div class="list_text_title hidden">
<span class="user_name left">卢璐说</span>
<div class="follow right">
<i class="iconfont icon-tianjia"></i>
<span>关注</span>
</div>
</div>
<div class="list_text_statistics">
写了2065.8k字 · 34.6k喜欢
</div>
</div>
</li>
<li>
<img class="left" src="https://upload.jianshu.io/users/upload_avatars/301940/189d69dd-af7c-4290-9e2c-89e98acf3603.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/96/h/96/format/webp" alt="">
<div class="news_list_text left">
<div class="list_text_title hidden">
<span class="user_name left">卢璐说</span>
<div class="follow right">
<i class="iconfont icon-tianjia"></i>
<span>关注</span>
</div>
</div>
<div class="list_text_statistics">
写了2065.8k字 · 34.6k喜欢
</div>
</div>
</li>
<li>
<img class="left" src="https://upload.jianshu.io/users/upload_avatars/301940/189d69dd-af7c-4290-9e2c-89e98acf3603.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/96/h/96/format/webp" alt="">
<div class="news_list_text left">
<div class="list_text_title hidden">
<span class="user_name left">卢璐说</span>
<div class="follow right">
<i class="iconfont icon-tianjia"></i>
<span>关注</span>
</div>
</div>
<div class="list_text_statistics">
写了2065.8k字 · 34.6k喜欢
</div>
</div>
</li>
</ul>
<div class="view_all">
<span>查看全部</span>
<i class="iconfont icon-zhankai"></i>
</div>
</div>
</body>
</html>