first commit

历届学生/fontendseven/项目练习/个人练习/百度阅读/css/clear.css

@@ -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;
+}
+
+a{
+    text-decoration: none;
+    color: #000;
+}

历届学生/fontendseven/项目练习/个人练习/百度阅读/css/index.css

@@ -0,0 +1,177 @@
+.header{
+    height: 32px;
+    width: 100%;
+    margin-bottom: 15px;
+    padding-top: 30px;
+    border-bottom: 1px solid #58bd5a;
+}  
+.header ul{
+    height: 100%;
+    float: left;
+}
+.header ul li{
+    float: left;
+}
+.header ul li a{
+    padding: 0 35px;
+    font-size: 16px;
+}
+.header .bookshelf{
+  float: right;
+  margin-right: 50px;
+}
+.header .bookshelf i{}
+.header .bookshelf span{}
+.logo{
+    /* padding-left: 10px; */
+}
+
+
+
+
+
+
+.center{
+}
+.center img{
+    height: 280px;
+    margin-left: 55px;
+}
+
+
+
+
+
+
+
+
+.hundreds{
+    width: 1090px;
+    margin: 0 auto;
+  overflow: hidden;  
+  /* height: 80px; */
+  box-sizing: border-box;
+  margin-bottom: 30px;
+}
+.hundreds>span{
+    font-size: 16px;
+    color: #555;
+    /* vertical-align: top; */
+    font-weight: 700;
+    float: left;
+    padding: 22px 10px 0 0;
+}
+.hundreds ul{
+ overflow: hidden;
+ padding-left: 10px;
+ box-sizing: border-box;
+ float: left;
+}
+.hundreds ul li{
+    float: left;
+    margin: 19px 10px 0 0;
+    height: 32px;
+    line-height: 30px;
+}
+.hundreds ul li a{
+    font-size: 16px;
+    padding: 3px 15px;
+    border: 1px solid #d3d3d3;
+    border-radius: 6px;
+}
+.hundreds_right{
+    float: right;
+    box-sizing: border-box;
+    margin-top: 25px;
+}
+.hundreds_right span{
+    color: #666;
+    text-decoration: none;
+    font-size: 14px;
+    padding-left: 10px;
+    vertical-align: top;
+    margin-top: 21px;
+}
+.hundreds_right i{}
+
+
+
+.menu{
+    width: 1090px;
+    margin: 0 auto;
+    overflow: hidden;
+}
+.menu li{
+    float: left;
+}
+.menu li a{}
+    
+.menu li a img{
+    border-radius: 4px;
+    margin-left: 20px;
+}
+
+
+
+.mod {
+    height: 100%;
+}
+.mod .hot{
+    width:1090px;
+    height: 100%;
+    margin: 0 auto;
+    box-sizing: border-box;
+   
+}
+.mod .hot .hot_title{
+    width: 100%;
+    padding: 22px 0 5px;
+    text-align: center;
+    overflow: hidden;
+    margin-bottom: 15px;
+}
+.mod .hot .hot_title >span {
+    font-size: 24px;
+    color: #444;
+    font-weight: 400;
+}
+.mod .hot .hot_title .title_more{
+    float: right;
+    margin-right: 3px;
+    text-align: center;
+    margin-top: 7px;    
+}
+.mod .hot .hot_title .title_more span{}
+.mod .hot .hot_title .title_more i{}
+
+
+
+
+
+.hot_title ul{
+  
+}
+.details li{
+    float: left;
+    margin-right: 20px;
+    text-align: center;
+    height: 260px;
+    margin-left: 11px;
+    margin-bottom: 20px;
+   
+}
+
+.details li img{
+    border-radius: 10px;
+}
+.details .if{
+    font-size: 16px;
+    color: #555;
+    margin-top: 10px;
+    margin-bottom: 10px;
+}
+.details .money{
+    color: #c97618;
+    font-size: 14px;
+    line-height: 23px;
+}

历届学生/fontendseven/项目练习/个人练习/百度阅读/css/public.css

@@ -0,0 +1,21 @@
+/* 存放使用率高的css代码 */
+
+.left {
+    float: left;
+}
+
+.right {
+    float: right;
+}
+
+.hidden {
+    overflow: hidden;
+}
+
+.center {
+    width: 1200px;
+    margin: 0 auto;
+}
+
+
+