-
@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.imooc.com/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
提交
取消