前端入门到熟悉day09

尚德制作rem(rem讲解)

 name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

 

 

Document

广州尚德学历中心

大品牌

大机构

值得信赖

点击咨询

2016年成人学历
报考信息自助查询

自考·成人高考·远程

时间查询

高等院校自考

本科招生条件

1.中华人民共和国公民,以及港澳台同胞、海外侨胞,不受性别、年龄、学历、居住地等限制,均可报考。2.考生须通过有委托资质的正规培训机构进行审核报名。3.遵循并依据各地省委以及高等教育自考办发布的《报考简章》

考生提醒

提前报考可申请免考高数和英语

错过需 延迟两年毕业

报考查询

 

/* reset.css */

* {

padding: 0;

margin: 0;

}

html{

font-size: 20px;

}

 

a {

text-decoration: none;

}

img{

vertical-align: middle;

}

ul li{

padding: 0;

margin: 0;

list-style: none;

}

 

/* 公共样式 */

.main{

line-height: 1.65rem;

margin: 0.1rem 0;

box-sizing: border-box;

}

.main h1{

font-size: 1.65rem;

color: #3a3a3a;

}

.text-red{

color: #e93a57 !important;

}

.btn{

background: #2c3242;

padding: 0.5rem 1.1rem;

color: #fff;

font-size: 1rem;

display: inline-block;

}


 

/* 正式样式 */

/* 第一屏 */

.page01{

text-align: center;

background-color: #fafafa;

}

.page01 img {

width: 100%;

}

.page01 h1{

margin-top: -7.5rem;

}

.page01 h3{

margin: 1.5rem 0;

}

.page01 a{

margin: 2.5rem 0 3rem 0;

}

 

.page02{

background-color: #fff;

text-align: center;

}

.page02 h1{

padding-top: 1.8rem;

line-height: 2.2rem;

}

.page02 h3{

margin-top: 0.9rem;

font-size: 1rem;

}

.page02 ul{

width: 12.75rem;

overflow: hidden;

margin: 1.7rem auto;

}

.page02 ul li{

float: left;

margin-right: 0.1rem;

margin-bottom: 0.1rem;

}

.page02 ul li a{

display: block;

width: 4.15rem;

height: 1.5rem;

background-color: #646363;

font-size: 0.65rem;

line-height: 1.5rem;

color: #fff;

text-align: center;

}

.page02 .btn{

margin-top: 0.2rem;

}

.page02 ul li:nth-child(2) a{

background-color: #e93a57;

}

 

.page03{

text-align: center;

background: #f1f1f1;

margin-top: 1.35rem;

padding: 2rem 0;

}

.page03 h1{

line-height: 2.25rem;

}

.page03 .text{

width: 14.25rem;

margin: 0.5rem auto;

}

.page03 .text p{

line-height: 1rem;

font-size: 0.7rem;

}

.page03 .news{

width: 10.5rem;

height: auto;

margin: 1.1rem auto;

border: 0.05rem solid #000;

}

.page03 .news h2{

margin: -1rem auto 0;

background-color: #f1f1f1;

width: 5.5rem;

}

.page03 .news p{

font-size: 0.65rem;

padding: 0.9rem 0.5rem;

line-height: 1rem;

}

 

.page04 {

padding: 1.7rem 0.6rem;

text-align: center;

}

.page04 h1{

font-size: 1.5rem;

text-align: center;

}

.page04 ul{

margin-top: 1.2rem;

margin-bottom: 1.5rem;

}

.page04 ul li{

margin-bottom: 0.25rem;

}

.page04 ul li a{

display: block;

color: #3a3a3a;

width: 95%;

margin: 0.1rem auto;

background-color: #eaeaea;

padding: 0.25rem 0.4rem;

text-align: left;

}

 

你可能感兴趣的:(前端,css3,html5,js)