Content/one.css

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

/*第7单元 项目7-1 响应式绿色环保 CSS文件*/
html {
    font-family: sans-serif;
    /*为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。*/
    box-sizing: border-box;
}
*, *:before, *:after {
    /*规定应从父元素继承 box-sizing 属性的值。*/
    box-sizing: inherit;
}
body,p,ul,li,dl,dt,dd,h1,h2,h3,h4,img{
    margin:0;
    padding:0;
    border:0;
}
ul,li{
    list-style-type:none;
}
body {
    width: 100%;
    background:#7ddf6c;
    font-family: 'Roboto Slab', serif;
}
body a{
    text-decoration:none;
    transition:0.5s all;/*过渡时长为0.5s*/
}
img {
    max-width:100%;/*图片的最大宽度为100%*/
    height: auto;
    width: auto;
    vertical-align: middle;/*把此元素放置在父元素的中部*/
}
.clearfix{
    clear: both;/*清除浮动*/
}
.container{
    margin: 0 auto;
    padding: 0 15px;
    width:100%;
}
/*--header、nav--*/
.header{
    width:100%;
    background:#7ddf6c;
    padding:33px 0;
    position:relative;
}
nav ul {
    margin: 0;
    padding: 0;
}
nav ul li{
    margin:0 35px;
    display:inline-block;/*将其设置为块级元素*/
}
nav ul li a{
    font-family: 'Droid Serif', serif;
    color: #fff;
    font-size: 1.25em;/*20px÷16px=1.25*/