-
.card:first-child{background:rgba(0,0,0,0.04);} .card:nth-child(2){background:rgba(0,0,0,0.08);} .card:nth-child(3){background:rgba(0,0,0,0.12);} .card:nth-child(4){background:rgba(0,0,0,0.16);} .card:nth-child(5){background:rgba(0,0,0,0.20);} .card:nth-child(6){background:rgba(0,0,0,0.24);}//定义每个卡片的透明度查看全部
-
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;//规定两个并排的带边框的框查看全部
-
clearfix:after{content:'';display:block;clear:both;}查看全部
-
.article-preview:nth-child(odd){ background-color: rgba(255,255,255,0.05);//奇偶选择器，加透明度查看全部
-
font Awesome查看全部
-
background-attachment: fixed;/*设置不能移动*/ 背景图片不能移动查看全部
-
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 添加box。。？？查看全部
-
.article-preview:nth-child(odd){ background-color: rgba(255,255,255,0.05); } 奇数选择器， 只要是奇数 就给他一个透明度 添加了一个蒙版查看全部
-
.article-preview > div{ float: left; } .article-preview父类下一个div 设置浮动 父类的浮动不起作用 这里需要清除浮动查看全部
-
.article-preview:after{content:"."; display:block; height:0; visibility:hidden; clear:both; } //伪类清除；查看全部
-
display:inline-block; //鼠标点击区块，不只是文字；查看全部
-
<div class="hr"></div>查看全部
-
.img-section{width:45%} .img-section img{widht:100%} //最大是45%查看全部
-
dispaly:inline-block; 行内block 更改宽度不起作用 可以更改高度查看全部
-
background-attachment:fixed;让图片跟随查看全部
举报
0/150
提交
取消