已采納回答 / Cejron
(1)li 居中? ? ??li本身是塊元素(display:block;),會獨(dú)占一行。把它設(shè)成行內(nèi)塊(display:inline-block;)后它,就不會獨(dú)占一行了,并且這時它就具備了文字的屬性(相當(dāng)于一段文字),在父容器設(shè)text-align:center;就可以居中了。?父容器:ul{text-align:center;} 子元素 : li{display:inline-block;}(2)li距離? ? ?padding,margin都可以,但是padding會擴(kuò)展自身的內(nèi)容(3)margi...
2018-08-08
/*使用偽元素制作導(dǎo)航列表項(xiàng)分隔線*/
.nav li:after{content:"";position:absolute;right:-2px;height:15px;width:1px;
top:18px;background-image:linear-
gradient(rgba(255,255,255,0.1),rgba(000,000,000,0.3),rgba(255,255,255,0.1));
}
/*刪除第一項(xiàng)和最后一項(xiàng)導(dǎo)航分隔線*/
.nav li:last-child:after{content:"";background-image:none;}
.nav li:after{content:"";position:absolute;right:-2px;height:15px;width:1px;
top:18px;background-image:linear-
gradient(rgba(255,255,255,0.1),rgba(000,000,000,0.3),rgba(255,255,255,0.1));
}
/*刪除第一項(xiàng)和最后一項(xiàng)導(dǎo)航分隔線*/
.nav li:last-child:after{content:"";background-image:none;}
2018-08-08
h2,p:nth-child(2n+1){
-webkit-column-span:all;
-moz-column-span:all;
-o-column-span:all;
-ms-column-span:all;
column-span:all;
}
-webkit-column-span:all;
-moz-column-span:all;
-o-column-span:all;
-ms-column-span:all;
column-span:all;
}
2018-08-07
已采納回答 / acardiaa
舉個例子吧,拿a[class="context"]和a[class="contain"]來說,這里的class都是以cont開頭的,所以val即指cont,同理類似。
2018-08-07
最新回答 / weixin_慕仙0575493
<div class="test_demo" title="超酷的IT技術(shù)學(xué)習(xí)平臺(我是省略號)">? 超酷的IT技術(shù)學(xué)習(xí)平臺(我是省略號)可以增加title屬性,鼠標(biāo)滑動時能看到全部文字
已采納回答 / qq_雙葉
inline是行內(nèi)元素,block是塊級元素,inline-block可以使的行內(nèi)元素具有塊級元素的特性行內(nèi)元素不可以設(shè)置寬高,寬度高度隨文本內(nèi)容的變化而變化,但是可以設(shè)置line-height行高,塊級元素可以設(shè)置寬高、內(nèi)外邊距,代碼中設(shè)置了寬高
2018-07-29
已采納回答 / qq_雙葉
background-size:auto|長度值|百分比|cover|contain“”|“”是或者的意思但是可以轉(zhuǎn)變動畫效果,可以將background-size屬性從cover變成contain屬性之類的<!DOCTYPE html><html><head>?<meta charset="utf-8"><title>變形與動畫</title><style>.wrapper {? width: 400px;? heigh...
2018-07-27