f開(kāi)頭的屬性主要就是盒子布局和字體的,先來(lái)看圖,然后在一項(xiàng)項(xiàng)來(lái)看。1.fallback:是@counter-style 里的屬性值。小程序里不知道怎么寫(xiě),一寫(xiě)@counter-style 就報(bào)未定義的屬性。不過(guò)在css中Firefox支持。點(diǎn)擊打開(kāi)鏈 ...
f開(kāi)頭的屬性主要就是盒子布局和字體的,先來(lái)看圖,然后在一項(xiàng)項(xiàng)來(lái)看。
1.fallback:是@counter-style 里的屬性值。小程序里不知道怎么寫(xiě),一寫(xiě)@counter-style 就報(bào)未定義的屬性。不過(guò)在css中Firefox支持。點(diǎn)擊打開(kāi)鏈接。
2.fill:這是SVG里的屬性。fill-opacity與fill-rule一樣。詳情請(qǐng)自行跳轉(zhuǎn)。
3.filter:定義了元素的可視效果(例如;模糊與飽和)定義了元素(通常是<img>)的可視效果(例如:模糊與飽和度)。
取值:none:沒(méi)有效果。
blur:高斯模糊。不接受百分比。設(shè)置為數(shù)值,數(shù)值越大越模糊。
brightness:給圖片應(yīng)用一種線性乘法,使其看起來(lái)更亮或更暗。如果值是0%,圖像會(huì)全黑。值是100%,則圖像無(wú)變化。其他的值對(duì)應(yīng)線性乘數(shù)效果。值超過(guò)100%也是可以的,圖像會(huì)比原來(lái)更亮。如果沒(méi)有設(shè)定值,默認(rèn)是1。
contrast:調(diào)整圖像的對(duì)比度。值是0%的話圖像會(huì)全黑。值是100%,圖像不變。值可以超過(guò)100%,意味著會(huì)運(yùn)用更低的對(duì)比.若沒(méi)有設(shè)置值,默認(rèn)1。
drop-shadow:drop-shadow(h-shadow v-shadow blur spread color)。給圖像設(shè)置一個(gè)陰影效果。陰影是合成在圖像下面,可以有模糊度的,可以以特定顏色畫(huà)出的遮罩圖的偏移版本。 函數(shù)接受<shadow>(在CSS3背景中定義)類(lèi)型的值,除了"inset"關(guān)鍵字是不允許的。該函數(shù)與已有的box-shadow box-shadow屬性很相似;不同之處在于,通過(guò)濾鏡,一些瀏覽器為了更好的性能會(huì)提供硬件加速。
<shadow>參數(shù)如下:
<offset-x> <offset-y> (必須)這是設(shè)置陰影偏移量的兩個(gè) <length>值. <offset-x> 設(shè)定水平方向距離. 負(fù)值會(huì)使陰影出現(xiàn)在元素左邊.
<blur-radius> and/or <spread-radius>,會(huì)有模糊效果).
<blur-radius> (可選)這是第三個(gè)code><length>值. 值越大,越模糊,則陰影會(huì)變得更大更淡.不允許負(fù)值 若未設(shè)定,默認(rèn)是0 (則陰影的邊界很銳利).值在0%到100%之間,則是效果的線性乘子。若未設(shè)置,值默認(rèn)是0;
url():URL函數(shù)接受一個(gè)XML文件,該文件設(shè)置了 一個(gè)SVG濾鏡,且可以包含一個(gè)錨點(diǎn)來(lái)指定一個(gè)具體的濾鏡元素。
4.flex:是 flex-grow、flex-shrink 和 flex-basis 屬性的簡(jiǎn)寫(xiě)屬性.詳情點(diǎn)擊打開(kāi)鏈接
5.flex-basis:用于設(shè)置或檢索彈性盒伸縮基準(zhǔn)值.取值:number,auto。flex-basis:100rpx,相當(dāng)于設(shè)置了
100rpx的長(zhǎng)度。
6.flex-direction 屬性規(guī)定靈活項(xiàng)目的方向。
取值:row:默認(rèn)值。靈活的項(xiàng)目將水平顯示,正如一個(gè)行一樣。
row-reverse:與row相同,但是以相反的順序。
column:靈活的項(xiàng)目將垂直顯示,正如一個(gè)列一樣。
column-reverse:與column相同,同樣是以相反的順序。
7.flex-flow:屬性是 flex-direction 和 flex-wrap 屬性的復(fù)合屬性,用于設(shè)置或檢索彈性盒模型對(duì)象的子元素排
列方式。
8.flex-grow:用于設(shè)置或檢索彈性盒的擴(kuò)展比率。flex-grow:3, 相當(dāng)于設(shè)置這個(gè)是別的3倍長(zhǎng)度。
9.flex-shrink:用于設(shè)置或檢索彈性盒的收縮比率.flex-shrink:相當(dāng)于設(shè)置這個(gè)是別的1/3的長(zhǎng)度。
10.flex-wrap :規(guī)定flex容器是單行或者多行,同時(shí)橫軸的方向決定了新行堆疊的方向。
取值:nowrap,規(guī)定靈活的項(xiàng)目不拆行或不拆列。
wrap:規(guī)定靈活的項(xiàng)目在必要的時(shí)候進(jìn)行拆行活著拆列。
wrap-reverse:規(guī)定靈活的項(xiàng)目在必要的時(shí)候進(jìn)行拆行活著拆列,不過(guò)是以相反的順序。
11.float: 指定一個(gè)盒子(元素)是否應(yīng)該浮動(dòng)。取值:left right。
12.flood-color:SVG里的屬性,設(shè)置補(bǔ)白區(qū)域的顏色。點(diǎn)擊打開(kāi)鏈接
13.flood-opacity: 同12,設(shè)置透明度。點(diǎn)擊打開(kāi)鏈接
工作日 8:30-12:00 14:30-18:00
周六及部分節(jié)假日提供值班服務(wù)