line-height、background-clip、deg、背景的簡(jiǎn)便寫法、樣式權(quán)值、透明


line-height
行與行之間的距離,不可以為負(fù)值;

line-height:200%;


background-clip
分別按照表框盒、內(nèi)邊距框和內(nèi)容框?qū)Ρ尘斑M(jìn)行裁剪;
一般要有padding等不為0時(shí)才能看到效果

background-clip: border-box|padding-box|content-box;


deg
degree角度


background的簡(jiǎn)便寫法

body{
background: #9933ee url('pic/green.png') repeat fixed left top;
}


樣式權(quán)值

CSS選擇器 權(quán)值
標(biāo)簽選擇器 1
類選擇器 10
ID選擇器 100
內(nèi)聯(lián)樣式 1000
偽元素(first-child) 1
偽類(link等) 10

透明度的設(shè)置
其中filter是為了IE瀏覽器準(zhǔn)備的,防止個(gè)別瀏覽器因?yàn)榘姹镜膯栴}不能識(shí)別opacity;

xx{
opacity: 0.5;
filter: alpha(opacity(50));
}

如果在父標(biāo)簽里設(shè)置透明度,會(huì)連帶影響子標(biāo)簽下的字體等,解決辦法:

rgba(x,x,x,x)


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容