first commit

历届学生/front-end-team/项目练习/学生项目/缪虎/123.html/关注人数/css/clear.css

@@ -0,0 +1,33 @@
+/* 清除浏览器默认的css样式 */
+body,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+ul,
+li,
+p {
+    margin: 0;
+    padding: 0;
+}
+
+li {
+    list-style: none;
+}
+
+a {
+    text-decoration: none;
+}
+
+input,
+button,
+textarea {
+    outline: none;
+    border: none;
+}
+
+body {
+    font-size: 0px;
+}

历届学生/front-end-team/项目练习/学生项目/缪虎/123.html/关注人数/css/index.css

@@ -0,0 +1,84 @@
+.header{
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+}
+.header .back{
+    width: 0.19rem;
+	height: 0.34rem;
+    margin-left: 0.13rem;
+    margin-top: 0.65rem;
+    margin-bottom: 0.29rem;
+}
+.header span{
+    margin-top: 0.65rem;
+    margin-bottom: 0.29rem;
+    
+   
+	font-size: 0.34rem;
+	
+	color: #333333
+
+    
+    
+ 
+    
+}
+.header .sosuo{
+    width: 0.35rem;
+	height: 0.35rem;
+    margin-top: 0.65rem;
+    margin-bottom: 0.29rem;
+    margin-right: 0.28rem;
+	
+}
+.content{}
+.content ul li .time{
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+    background-color: #666e7a;
+    
+
+}
+.content ul li .time span{
+    font-size: 0.24rem;
+	color: #eaeef3;
+    padding-left: 0.21rem;
+    padding-top: 0.29rem;
+    padding-bottom: 0.18rem;
+    margin-left: 0.21rem;
+    margin-top: 0.29rem;
+    margin-bottom: 0.18rem;
+}
+.content  ul li  .title{
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+}
+.content  ul li .title  .title_left{}
+.content  ul  li .title .title_left img{
+    width: 0.72rem;
+	height: 0.72rem;
+    margin-left: 0.32rem;
+    margin-top: 0.3rem;
+    margin-bottom: 0.33rem;
+    
+}
+.content ul li  .title .title_right{
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    
+}
+.content  ul li .title .title_right .title_name{
+    
+	font-size: 0.28rem;
+	
+	color: #666e7a;
+}
+.content  ul li .title .title_right .like{
+    width: 0.23rem;
+	height: 0.19rem;
+}
+