笔记2017.12.21
来源:互联网 发布:济南知远心理咨询中心 编辑:程序博客网 时间:2024/06/08 03:08
header{
background-color: rgba(0,0,0,0.4);
}
nav{
height: 50px;
background: transparent;
}
nav ul{
list-style-type:none;
margin:0;
float:right;
}
nav ul li,nav .logo{
display: inline-block;
line-height: 50px;
margin-right: 20px;
}
nav ul li a{
line-height: inherit;
text-decoration: none;
display: inline-block;
height: inherit;
color: #fff;
}
nav .logo{
font-size: 18px;
font-weight: 700;
letter-spacing:1px ;
float: left;
padding-left:10px ;
}
.logo a{
color:#fff;
text-decoration: none;
}
/*内部开始*/
#banner{
background-color: rgba(0,0,0,0.2);
height: 600px;
}
#banner .inner{
width: 300px;
text-align: center;
margin: 0 auto;
position: relative;
top: 150px;
color: #fff;
}
h1{
}
h2{
}
h3{
}
p{
font-size: 18px;
letter-spacing: 1px;
}
ul{
margin: 0;
}
#banner .inner h1{
padding: 12px;
border-top:2px solid #fff ;
border-bottom:2px solid #fff ;
margin: 0;
}
button{
border: none;
background-color:#333 ;
color: #eee;
padding: 15px 30px;
border-radius: 5px;
}
#banner .inner .more{
margin-top: 260px;
color: #fff;
/*font-size: 12px;*/
}
.sub-heading{
line-height: 35px;
margin: 20px 0;
}
/*green-section start*/
.wrapper{
max-width: 1080px;
margin: 0 auto;
}
.green-section{
background-color: #089DB0;
color: #FFFFFF;
text-align: center;
padding: 100px 0;
}
.green-section .hr{
height: 1px;
width: 70%;
background-color:#078494;
margin: 0 auto;
}
.green-section .icon-group .icon{
display: inline-block;
width: 80px;
height: 80px;
background-color: #0D6F7C;
transform: rotate(45deg);
margin: 20px;
}
.icon-group{
margin-top: 60px;
}
.bo{
transform: rotate(-45deg);
position: relative;
margin: 30px auto;
}
/*graysection start*/
.wrapper{
max-width: 1080px;
margin: 0 auto;
}
.green-section{
background-color: #089DB0;
color: #FFFFFF;
text-align: center;
padding: 100px 0;
}
.green-section .hr{
height: 1px;
width: 70%;
background-color:#078494;
margin: 0 auto;
}
.green-section .icon-group .icon{
display: inline-block;
width: 80px;
height: 80px;
background-color: #0D6F7C;
transform: rotate(45deg);
margin: 20px;
}
.icon-group{
margin-top: 60px;
}
/*gray-section start*/
.gray-section{
background-color:#252f34;
color: #fff;
}
.gray-section .img-section{
width: 45%;
}
.img-section img{
width: 100%;
}
.gray-section .text-section{
width: 55%;
}
.article-preview>div{
float: left;
font-size: 0;
}
.clearfix:after{
content: '';
display: block;
clear: both;
}
.text-section{
position: relative;
top: 60px;
left: 50px;
}
.text-section h2{
margin-bottom: 20px;
font-size: 20px;
}
.text-section .sub-heading{
font-size: 25px;
letter-spacing: 1px;
}
.text-section p{
font-size: 20px;
letter-spacing: 1px;
}
.text-section>*{
max-width: 90%;
}
.article-preview:nth-child(odd){
background-color: rgba(255,255,255,0.05);
}
/*purplesection start*/
.purple-section{
padding:80px;
background: #3f3965;
color:#fff;
}
.purple-section .headingwrapper{
text-align: center;
}
.purple-section hr{
background-color: #363e69;
width:60%;
height: 1px;
margin:0 auto;
}
.card{
float:left;
width:50%;
min-height: 300px;
padding:50px;
box-sizing:border-box;
}
.card:first-child{
background-color: rgba(0,0,0,0.04);
}
.card:nth-child(2){
background-color: rgba(0,0,0,0.08);
}
.card:nth-child(3){
background-color: rgba(0,0,0,0.12);
}
.card:nth-child(4){
background-color: rgba(0,0,0,0.16);
}
.card:nth-child(5){
background-color: rgba(0,0,0,0.20);
}
.card:nth-child(6){
background-color: rgba(0,0,0,0.24);
}
/*footer start*/
footer{
background-color:black;
margin:0 auto;
text-align: center;
}
.bottom .itemgroup .item{
display: inline-block;
font-size: 20px;
color:white;
margin:0;
}
body{
background-image: url(../img/QQ图片20171221111430.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-size:cover;
background-position:center;
}
background-color: rgba(0,0,0,0.4);
}
nav{
height: 50px;
background: transparent;
}
nav ul{
list-style-type:none;
margin:0;
float:right;
}
nav ul li,nav .logo{
display: inline-block;
line-height: 50px;
margin-right: 20px;
}
nav ul li a{
line-height: inherit;
text-decoration: none;
display: inline-block;
height: inherit;
color: #fff;
}
nav .logo{
font-size: 18px;
font-weight: 700;
letter-spacing:1px ;
float: left;
padding-left:10px ;
}
.logo a{
color:#fff;
text-decoration: none;
}
/*内部开始*/
#banner{
background-color: rgba(0,0,0,0.2);
height: 600px;
}
#banner .inner{
width: 300px;
text-align: center;
margin: 0 auto;
position: relative;
top: 150px;
color: #fff;
}
h1{
}
h2{
}
h3{
}
p{
font-size: 18px;
letter-spacing: 1px;
}
ul{
margin: 0;
}
#banner .inner h1{
padding: 12px;
border-top:2px solid #fff ;
border-bottom:2px solid #fff ;
margin: 0;
}
button{
border: none;
background-color:#333 ;
color: #eee;
padding: 15px 30px;
border-radius: 5px;
}
#banner .inner .more{
margin-top: 260px;
color: #fff;
/*font-size: 12px;*/
}
.sub-heading{
line-height: 35px;
margin: 20px 0;
}
/*green-section start*/
.wrapper{
max-width: 1080px;
margin: 0 auto;
}
.green-section{
background-color: #089DB0;
color: #FFFFFF;
text-align: center;
padding: 100px 0;
}
.green-section .hr{
height: 1px;
width: 70%;
background-color:#078494;
margin: 0 auto;
}
.green-section .icon-group .icon{
display: inline-block;
width: 80px;
height: 80px;
background-color: #0D6F7C;
transform: rotate(45deg);
margin: 20px;
}
.icon-group{
margin-top: 60px;
}
.bo{
transform: rotate(-45deg);
position: relative;
margin: 30px auto;
}
/*graysection start*/
.wrapper{
max-width: 1080px;
margin: 0 auto;
}
.green-section{
background-color: #089DB0;
color: #FFFFFF;
text-align: center;
padding: 100px 0;
}
.green-section .hr{
height: 1px;
width: 70%;
background-color:#078494;
margin: 0 auto;
}
.green-section .icon-group .icon{
display: inline-block;
width: 80px;
height: 80px;
background-color: #0D6F7C;
transform: rotate(45deg);
margin: 20px;
}
.icon-group{
margin-top: 60px;
}
/*gray-section start*/
.gray-section{
background-color:#252f34;
color: #fff;
}
.gray-section .img-section{
width: 45%;
}
.img-section img{
width: 100%;
}
.gray-section .text-section{
width: 55%;
}
.article-preview>div{
float: left;
font-size: 0;
}
.clearfix:after{
content: '';
display: block;
clear: both;
}
.text-section{
position: relative;
top: 60px;
left: 50px;
}
.text-section h2{
margin-bottom: 20px;
font-size: 20px;
}
.text-section .sub-heading{
font-size: 25px;
letter-spacing: 1px;
}
.text-section p{
font-size: 20px;
letter-spacing: 1px;
}
.text-section>*{
max-width: 90%;
}
.article-preview:nth-child(odd){
background-color: rgba(255,255,255,0.05);
}
/*purplesection start*/
.purple-section{
padding:80px;
background: #3f3965;
color:#fff;
}
.purple-section .headingwrapper{
text-align: center;
}
.purple-section hr{
background-color: #363e69;
width:60%;
height: 1px;
margin:0 auto;
}
.card{
float:left;
width:50%;
min-height: 300px;
padding:50px;
box-sizing:border-box;
}
.card:first-child{
background-color: rgba(0,0,0,0.04);
}
.card:nth-child(2){
background-color: rgba(0,0,0,0.08);
}
.card:nth-child(3){
background-color: rgba(0,0,0,0.12);
}
.card:nth-child(4){
background-color: rgba(0,0,0,0.16);
}
.card:nth-child(5){
background-color: rgba(0,0,0,0.20);
}
.card:nth-child(6){
background-color: rgba(0,0,0,0.24);
}
/*footer start*/
footer{
background-color:black;
margin:0 auto;
text-align: center;
}
.bottom .itemgroup .item{
display: inline-block;
font-size: 20px;
color:white;
margin:0;
}
body{
background-image: url(../img/QQ图片20171221111430.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-size:cover;
background-position:center;
}
阅读全文
0 0
- 笔记2017.12.21
- caffe学习笔记21-VggNet论文笔记
- 2017.12.13笔记整理
- 2017.12.4笔记
- 笔记2017.12.13
- 笔记2017.12.14
- 2017.12.15笔记
- 2017.12.18 token笔记
- 笔记2017.12.15
- 笔记2017.12.18
- 笔记2017.12.19
- 笔记2017.12.20
- 笔记2017.12.25
- Spring学习笔记21
- 2010.1.21 笔记
- 每日学习笔记(21)
- libevent-2.0.21笔记
- 笔记21--ExpandableListView
- ThinkPHP 添加新记录的时候 产生 错误 1364: [ SQL语句 ]
- 【备忘】2017年node.js零基础入门到企业级全栈案例开发教程
- 小程序day01
- 通过jstl将map数据绑定到HTML的多选框中
- 快速回顾PCA的原理和思想
- 笔记2017.12.21
- 软件创建的先决条件
- Java 枚举(enum) 详解7种常见的用法
- CSDN-markdown编辑器
- canvas 背景透明
- Android调试技巧
- C语言操作符学习总结
- 冒泡排序 c++实现
- 转:Sklearn-train_test_split随机划分训练集和测试集