1.fallback：是@counter-style 里的屬性值。小程序里不知道怎么寫，一寫@counter-style 就報未定義的屬性。不過在css中Firefox支持。點擊打開鏈接。

2.fill：這是SVG里的屬性。fill-opacity與fill-rule一樣。詳情請自行跳轉。

3.filter：定義了元素的可視效果（例如；模糊與飽和）定(ding)義(yi)了元素(通(tong)常(chang)是<img>)的可視效果(例如：模糊與(yu)飽和度)。

取值(zhi)：none：沒(mei)有(you)效果。

 blur：高斯模糊。不接受百分比。設置為數值，數值越大越模糊。

brightness：給圖(tu)片應用一種線性乘(cheng)法，使其看(kan)起來更亮(liang)或(huo)更暗(an)。如果(guo)值是(shi)0%，圖(tu)像(xiang)(xiang)會(hui)全(quan)黑。值是(shi)100%，則圖(tu)像(xiang)(xiang)無變化。其他的(de)值對(dui)應線性乘(cheng)數(shu)效果(guo)。值超過(guo)100%也是(shi)可(ke)以(yi)的(de)，圖(tu)像(xiang)(xiang)會(hui)比原來更亮(liang)。如果(guo)沒有設(she)定值，默(mo)認是(shi)1。

contrast：調整圖像的對比度。值是0%的話圖像會全黑。值是100%，圖像不變。值可以超過100%,意味著會運用更低的對比.若沒有設置值，默認1。

drop-shadow：drop-shadow(h-shadow v-shadow blur spread color)。給圖像設置一個陰影效果。陰影是合成在圖像下面，可以有模糊度的，可以以特定顏色畫出的遮罩圖的偏移版本。 函數接受<shadow>(在CSS3背景中定義)類型的值，除了"inset"關鍵字是不允許的。該函數與已有的box-shadow box-shadow屬性很相似；不同之處在于，通過濾鏡，一些瀏覽器為了更好的性能會提供硬件加速。

<shadow>參數如下：

<offset-x> <offset-y> (必須)這是設置(zhi)陰影(ying)偏(pian)移量的兩個 <length&gt;值. <offset-x> 設定水(shui)平方(fang)向距離. 負值會使陰影出現在元(yuan)素左邊. 

<offset-y>設定垂直距離.負值會使陰影出現在元素上方。查看<length>可能的單位.如果兩(liang)個(ge)值都(dou)是(shi)0, 則陰影出現在元素正后面 (如果設置了 <blur-radius> and/or <spread-radius>，會有模糊效果).<blur-radius> (可選)這是第三個code><length>值. 值越大，越模糊，則陰影會變得更大更淡.不允許負值 若未設定，默認是0 (則陰影的邊界很銳利).

<spread-radius> (可選)這是第四個 <length>值. 正值會使陰影擴張和變大，負值會是陰影縮小.若未設定，默認是0 (陰影會與元素一樣大小).注意: Webkit, 以及一些其他瀏覽器 不支持第四個長度，如果加了也不會渲染。

 <color> (可選)查看 <color>該值可能的關鍵字和標記。若未設定，顏色值基于瀏覽器。在Gecko (Firefox), Presto (Opera)和Trident (Internet Explorer)中， 會應用colorcolor屬性的值。另外, 如果顏色值省略，WebKit中陰影是透明的。

grayscale：將圖像(xiang)轉換(huan)為(wei)(wei)灰度圖像(xiang)。值定義轉換(huan)的比(bi)例。值為(wei)(wei)100%則完(wan)全轉為(wei)(wei)灰度圖像(xiang)，值為(wei)(wei)0%圖像(xiang)無變(bian)化。

值在0%到100%之間，則是效果的線性乘子。若未設置，值默認是0。

hue-rotate(deg)：給圖像(xiang)應用色相旋轉。"angle"一值(zhi)設定(ding)圖像(xiang)會被調整的(de)色環(huan)角度值(zhi)。值(zhi)為0deg，則圖像(xiang)無變化。

若值未設置，默認值是0deg。該值雖然沒有最大值，超過360deg的值相當于又繞一圈。

invert(%)：給圖(tu)像應(ying)用色相(xiang)旋轉(zhuan)。"angle"一值(zhi)設定圖(tu)像會被調整的色環角度值(zhi)。值(zhi)為0deg，則(ze)圖(tu)像無變化。若值(zhi)

未設置，默認值是0deg。該值雖然沒有最大值，超過360deg的值相當于又繞一圈。

opacity(%)：轉化圖像的透明(ming)程度。值(zhi)定義轉換的比例(li)。值(zhi)為(wei)0%則是完全透明(ming)，值(zhi)為(wei)100%則圖像

無(wu)變化。值在0%和(he)100%之間，則(ze)是(shi)效果的線性(xing)乘(cheng)子(zi)，也相當于圖像樣本乘(cheng)以數量(liang)。 若(ruo)值未設置，

值默認是1。該(gai)函數(shu)與已有的(de)opacity屬性很相(xiang)似，不同之(zhi)處在于通過filter，一些瀏覽(lan)器為了提(ti)升性

能會提供硬件加速。

saturate(%)：轉換圖像(xiang)飽和(he)度。值定義轉換的比例。值為(wei)0%則是(shi)完全不飽和(he)，值為(wei)100%則圖像(xiang)無變化。

其(qi)他值(zhi)，則是效(xiao)果的線性乘子。超過(guo)100%的值是允(yun)許的，則有更高的飽和度。 若值未(wei)設置，值默(mo)認是1。

sepia(%)：將圖(tu)像轉換為(wei)深褐色。值定(ding)義(yi)轉換的(de)(de)比例。值為(wei)100%則完全是深褐色的(de)(de)，值為(wei)0%圖(tu)像無變化。

值在0%到100%之間，則是效果的線性乘子。若未設置，值默認是0；

url()：URL函數接受一個(ge)(ge)XML文件(jian)，該文件(jian)設置了 一個(ge)(ge)SVG濾鏡，且可以包含一個(ge)(ge)錨點(dian)來指(zhi)定(ding)一個(ge)(ge)具(ju)體的(de)濾鏡元素。

 

 

4.flex:是 flex-grow、flex-shrink 和 flex-basis 屬性的簡寫屬性.詳情點擊打開鏈接

5.flex-basis:用于設置或檢索彈性盒伸縮基準值.取值：number，auto。flex-basis:100rpx,相當于設置了

100rpx的長度。

6.flex-direction 屬性規定靈活項目(mu)的方(fang)向(xiang)。

 

取值：row：默(mo)認值。靈活的項目將(jiang)水平顯(xian)示，正如(ru)一個行一樣。

row-reverse：與row相同，但是以相反的順序。

column：靈活的項目將垂直顯示，正如一個列一樣。

column-reverse：與column相同，同樣是以相反的順序。

 

7.flex-flow：屬性是 flex-direction 和 flex-wrap 屬性的復合屬性，用于設置或檢索彈性盒模型對象的子元素排

列方式。

8.flex-grow：用于設置或檢索彈性盒的擴展比率。flex-grow:3, 相當于設置這個是別的3倍長度。

 

9.flex-shrink:用于設置或檢索彈性盒的收縮比率.flex-shrink：相當于設置這個是別的1／3的長度。

10.flex-wrap ：規定flex容器是單行或者多行，同時橫軸的方向決定了新行堆疊的方向。

取值：nowrap，規定靈活(huo)的項目不拆(chai)行或不拆(chai)列。

wrap：規定靈活的項目在必要的時候進行拆行活著拆列。

wrap-reverse：規定靈活的項目在必要的時候進行拆行活著拆列，不過是以相反的順序。

11.float: 指定(ding)一個盒子（元素）是(shi)否應該浮動。取值：left right。

12.flood-color：SVG里的屬性，設置補白區域的顏色。點擊打開鏈接

13.flood-opacity: 同12，設置透明度。點擊打開鏈接