-
.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
提交
取消