暑期实践——8.1

最新推荐文章于 2024-11-01 19:05:16 发布

YY__111

最新推荐文章于 2024-11-01 19:05:16 发布

阅读量45

点赞数

文章标签： css 前端 javascript

本文链接：https://blog.csdn.net/YY__111/article/details/132134025

版权

三、综合案例

1

CSS代码：

/*页面全局样式——父元素*/
body{
   font-family: arial;
   font-size: 12px;
   padding: 0px;
   margin: 0px;
   background: #f8f8f8;
}
a{
   text-decoration: none;
}
img{
   border:none;
}
/*页面主体样式*/
.main{
   width: 1000px;
   margin: auto;
   background: #fff;
   padding: 3px;
}
.matter{
   width: 100%;
   margin: auto;
   overflow: hidden;
}
.matter .left{
   float: left;
   width: 740px;
}
.matter .right{
   float: right;
   width: 250px;
}
.a01{
   width: 738px;
   background: #d4d4d4;
   border: 1px solid #d4d4d4;
   padding-bottom: 15px;
   margin-bottom: 10px;
}
.a01 .biaoti{
   font-family: arial;
   font-size: 20px;
   padding: 10px;
}
.a01 .biaoti h1{
   font: bold 28px/1.4 arial;
   padding: 0px 0px 10px 0px;
   margin: 0px;
}
.a01 content{
   width: 700px;
   margin: auto;
   overflow: hidden;
}
.a01 content .m{
   width: 205px;
   float: left;
}
.a01 content .n{
   width: 458px;
   float: left;
   border: 8px solid #1693fff;
}
.baomi{
   color: #515151;
   font-size: 24px;
   font-weight: bold;
}
.shuzi{
   color: #fa0002;
   font-size: 50px;
   font-weight: bold;
}
.b01{
   width: 248px;
   border: 1px solid #d4d4d4;
   margin-bottom: 8px;
}
.b01 .info{
   color: #000000;
   font: 18px/1.4 arial;
   border-bottom: 1px dashed #cccccc;
   width: 240px;
   margin: auto;
   height: 30px;
   line-height: 30px;
   padding-left: 10px;
}
.b01 .content{
   text-align: center;
   padding: 6px 0px;
}
.b01 .content1{
   padding: 10px;
   color: #333333;
   line-height: 24px;
}
.red{
   color: #F00;
}