-
text-decoration:underline;//a 標(biāo)簽的下劃線
font-weight:bold;//字體加粗
box-shadow : 0 0 8px #DDD; // li 的外陰影
????Firefox瀏覽器:-moz-box-shadow : 0 0 8px #DDD;?
????Chrome瀏覽器:-webkit-box-shadow :?0 0 8px #DDD;?
display:block 顯示 none 隱藏
position:absolute; 絕對(duì)定位
z-index:num? ; 數(shù)值大的懸浮在上面
?
查看全部 -
background-position:right; //設(shè)置背景在li右邊
查看全部 -
list-style-type:none; //去掉里標(biāo)簽前面的黑點(diǎn)
text-decoration:none;//去掉a標(biāo)簽的下劃線
background-image:url(。。。jpg/png)//li標(biāo)簽的背景圖片
background-repeat:no-repeat;//背景圖像不重復(fù)只出現(xiàn)一個(gè)(不定義的話會(huì)默認(rèn)repeat,將在水平方向和垂直方向都重復(fù))
查看全部 -
查看全部
-
解決IE6兼容性問題
查看全部 -
設(shè)置邊框陰影(以上三個(gè)分別兼容不同的瀏覽器)
查看全部 -
當(dāng)鼠標(biāo)移動(dòng)到 li 上時(shí),class?為?submenu 的 div 顯示(display改為block)
查看全部 -
<dl>標(biāo)簽在列表中的應(yīng)用 <dt>定義列表分類 <dd>定義列表項(xiàng)目利用a元素制作豎線“ ▏” display:block;float:left;border-left:1px solid grey;height:14px;line-height:14px;padding:0px 5px;
查看全部 -
relative的有兩個(gè)屬性①是以自身為參照基準(zhǔn)進(jìn)行定位,也就是相對(duì)于<自身原有位置>進(jìn)行偏移 。并不是相對(duì)于其他元素進(jìn)行定位,這個(gè)要理解好。②一旦設(shè)置了relative,那么隨即就會(huì)產(chǎn)生z-index屬性,就是空間層堆疊,由于二級(jí)菜單的包裹層的z-index默認(rèn)是小于10的,那么span標(biāo)簽設(shè)置了z-index:10 那么就是從頂層往下面遮蓋住了二級(jí)菜單border。就是這個(gè)原理,理解清楚relative的兩個(gè)屬性是關(guān)鍵!
查看全部 -
文字跟左邊的距離用padding可能會(huì)影響父元素的寬度,如果用text—indent:**px;就不會(huì)有什么隱患;
查看全部 -
height,line-height(同一個(gè)元素設(shè)置,使內(nèi)容垂直居中
查看全部 -
dt用來定義列表中的項(xiàng)目,dd用來描述列表中的項(xiàng)目,常用于網(wǎng)站分類菜單,對(duì)搜索引擎友好,可以分別設(shè)置樣式,而ul和li列表做不到,a標(biāo)簽對(duì)搜索引擎不友好查看全部
-
用background設(shè)置一系列屬性的時(shí)候,不同屬性之間不能加逗號(hào)!??!可以用空格隔開,否則無效查看全部
舉報(bào)