-
@font-face { font-family : 字體名稱; src : 字體文件在服務(wù)器上的相對或絕對路徑;} /*必須項，設(shè)置@font-face中font-family同樣的值*/查看全部
-
text-overflow用來設(shè)置是否使用一個省略標(biāo)記（...）標(biāo)示對象內(nèi)文本的溢出。 實現(xiàn)省略號的條件： text-overflow:ellipsis; overflow:hidden; white-space:nowrap;查看全部
-
text-shadow可以用來設(shè)置文本的陰影效果。 text-shadow: x y 模糊距離 顏色值; X-表示陰影的水平偏移距離，其值為正值時陰影向右偏移 Y-是指陰影的垂直偏移距離，如果其值是正值時，陰影向下偏移 Blur是指陰影的模糊程度，如果值越大，陰影越模糊，反之陰影越清晰，如果不需要陰影模糊可以將Blur值設(shè)置為0； Color是指陰影的顏色，其可以使用rgba色。 模糊距離: 單位為px查看全部
-
為邊框應(yīng)用圖片 border-image 語法: border-image: 邊框圖像位置 切割圖片的寬度(單位為像素,省略px) 圖片延伸方式;3種:1.round (平鋪)2.repeat (重復(fù))3.stretch (拉伸) border-image:url(borderimg.png) 70 repeat/round/stretch查看全部
-
陰影 box-shadow :box-shadow是向盒子添加陰影。支持添加一個或者多個。如果添加多個陰影,只需用逗號隔開即可。 box-shadow: x（必須） y（必須） 模糊半徑（可選） 拓展半徑（可選） 顏色（默認(rèn)黑色） 方式（默認(rèn)為outset）; 投影方式 可選。將外部陰影 (outset) 改為內(nèi)部陰影（inset）。查看全部
-
background ： [background-color] | [background-image] | [background-position][/background-size] | [background-repeat] | [background-attachment] | [background-clip] | [background-origin],... 注意：用逗號隔開每組background的縮寫值；如果有size值，需要緊跟position并且用"/"隔開；分解寫法時，background-color只能設(shè)置一個。查看全部
-
background-size 設(shè)置背景圖片的大小，以長度值或百分比顯示，還可以通過cover和contain來對圖片進(jìn)行伸縮。 background-size: auto | <長度值> | <百分比> | cover | contain; auto：默認(rèn)值，不改變背景圖片的原始高度和寬度； <長度值>：成對出現(xiàn)如200px 50px，將背景圖片寬高依次設(shè)置為前面兩個值，當(dāng)設(shè)置一個值時，將其作為圖片寬度值來等比縮放； <百分比>：0％~100％之間的任何值，將背景圖片寬高依次設(shè)置為所在元素寬高乘以前面百分比得出的數(shù)值，當(dāng)設(shè)置一個值時同上； cover：顧名思義為覆蓋，即將背景圖片等比縮查看全部
-
background-clip 用來將背景圖片做適當(dāng)?shù)牟眉粢赃m應(yīng)實際需要 background-clip:border-box|padding-box|content-box; 參數(shù)分別表示從邊框、或內(nèi)填充，或者內(nèi)容區(qū)域向外裁剪背景。no-clip表示不裁切，和參數(shù)border-box顯示同樣的效果。backgroud-clip默認(rèn)值為border-box。查看全部
-
background-origin 設(shè)置元素背景圖片的原始起始位置 background-origin:border-box|padding-box|content-box /*參數(shù)分別表示背景圖片是從邊框，還是內(nèi)邊距（默認(rèn)值），或者是內(nèi)容區(qū)域開始顯示*/ 需要注意的是，如果背景不是no-repeat，這個屬性無效，它會從邊框開始顯示查看全部
-
嵌入字體 @font-face 能夠加載服務(wù)器端的字體文件，讓瀏覽器端可以顯示用戶電腦里沒有安裝的字體 @font-face{ font-family:"字體名稱"; src:url("http://idcbgp.cn/Amaranth-BoldItalic.otf");/*字體文件在服務(wù)器上的相對或絕對路徑*/ }查看全部
-
text-overflow&word-wrap text-overflow:clip|ellipsis clip表示切片 ellipsis表示顯示省略標(biāo)記 word-wrap:normal|break-word normal表示控制連續(xù)文本換行 break_word 表示內(nèi)容將在邊界內(nèi)換行 實現(xiàn)省略號的條件： text-overflow:ellipsis;/*說明文字溢出時用的顯示方式*/ overflow:hidden;/*溢出內(nèi)容為隱藏*/ white-space:nowrap;/*強制文本在一行內(nèi)顯示*/查看全部
-
存著，沒有3D效果。查看全部
-
陰影 box-shadow : box-shadow是向盒子添加陰影。支持添加一個或者多個。如果添加多個陰影,只需用逗號隔開即可。 box-shadow: X軸偏移量 Y軸偏移量 陰影模糊半徑 陰影 擴展半徑 陰影顏色投影方式; X軸偏移量 必需。水平陰影的位置。允許負(fù)值。 Y軸偏移量 必需。垂直陰影的位置。允許負(fù)值。 陰影模糊半徑 可選。模糊距離。 陰影擴展半徑 可選。陰影的尺寸。 陰影顏色 可選。陰影的顏色。省略默認(rèn)為黑色。 投影方式 可選。將外部陰影 (outset) 改為內(nèi)部陰影（inset）。查看全部
-
文本陰影 text-shadow:X-Offset Y-Offset Blur Color; X-Offset表示陰影的水平偏移距離，其值為正值時陰影向右偏移，反之向左偏移； Y-Offset是指陰影的垂直偏移距離，如果其值是正值時，陰影向下偏移，反之向上偏移； Blur是指陰影的模糊程度，其值不能是負(fù)值，如果值越大，陰影越模糊，反之陰影越清晰，如果不需要陰影模糊可以設(shè)置為0； Color是指陰影的顏色，可使用rgba色查看全部
-
transition: property duration timing-function delay; 例： -webkit-transition: all .5s ease-in .2s; transition: all .5s ease-in .2s;查看全部
舉報
0/150
提交
取消