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