first commit

历届学生/fontendseven/项目练习/个人练习/蔡敏/练习/rem/1-33/css/clear.css

@@ -0,0 +1,17 @@
+/* 专门用来清除标签的默认样式的 */
+li {
+    list-style: none;  /* 清除li标签的小圆点 */
+}
+
+a {
+    text-decoration: none; /* 清除a标签的下划线 */
+}
+
+body,ul,p,h1,h2,h3,h4,h5,h6{
+    margin: 0;
+    padding: 0;
+}
+
+input {
+    outline: none;
+}

历届学生/fontendseven/项目练习/个人练习/蔡敏/练习/rem/1-33/css/index.css

@@ -0,0 +1,124 @@
+body {
+    background: #f3f4f7;
+}
+.header {
+    width: 100%;
+    height: 1.8rem;
+    position: fixed;
+    top: 0;
+    left: 0;
+    background: #fff;
+    padding-left: 0.25rem;
+    padding-top: 0.67rem;
+    box-sizing: border-box;
+
+}
+.header img {
+    width: 0.38rem;
+	height: 0.68rem;
+}
+.content {
+    margin-top: 1.8rem;
+}
+.name {
+    display: flex;
+    padding-top: 1.8rem;
+    padding-left: 0.48rem;
+    background: #fff;
+}
+.name_pic {
+    width: 2.4rem;
+    height: 2.4rem;
+}
+.name_list {
+    margin-left: 0.58rem;
+}
+.name_one {
+    display: flex;
+    align-items: baseline;
+    margin-bottom: 0.48rem;
+}
+.name_one span {
+	font-size: 0.72rem;
+	line-height: 0.72rem;
+	color: #000000;
+    margin-right: 0.2rem;
+}
+.name_one img {
+    width: 0.54rem;
+	height: 0.54rem;
+}
+.name_list ul li {
+    font-size: 0.52rem;
+    color: #868686;
+    margin-bottom: 0.34rem;
+}
+.name_mes {
+    margin-top: 0.34rem;
+    background: #fff;
+    padding-left: 0.46rem;
+    
+}
+.mes_list_one {
+	font-size: 0.64rem;
+	color: #000000;
+    margin-right: 0.75rem;
+}
+.mes_list_two {
+	font-size: 0.64rem;
+	color: #868686;
+}
+.name_mes li img {
+    width: 0.28rem;
+	height: 0.48rem;
+    padding-right: 0.5rem;
+}
+.name_mes li {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    height: 2.18rem;
+    border-bottom: 0.02rem solid #dcdcdc;
+}
+.name_mes li:last-child {
+    border: none;
+}
+.mes_list_the {
+	font-size: 0.64rem;
+	color: #000000;
+    margin-right: 2rem;
+}
+.mes_list_four {
+	font-size: 0.64rem;
+	color: #5a6f92;
+}
+.name_bottom {
+    background: #fff;
+    margin-top: 0.34rem;
+}
+.name_bottom_one {
+    width: 0.72rem;
+	height: 0.68rem;
+    margin-right: 0.3rem;
+}
+.name_bottom_two {
+    width: 0.64rem;
+	height: 0.68rem;
+    margin-right: 0.3rem;
+}
+.name_bottom span {
+	font-size: 0.64rem;
+	color: #5a6f92;
+    margin-right: 0.3rem;
+
+}
+.name_bottom li {
+    height: 2.16rem;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+.name_bottom li:first-child {
+    border-bottom: 0.02rem solid #dcdcdc;
+}
+