用法： text-shadow: h-shadow v-shadow blur color;

可以一次设置多层暗影，用逗号分隔，如下，
text-shadow: -5px -10px -5px mediumpurple, 5px 10px 5px pink;

二、文字描边

用法：-webkit-text-stroke: px值 color;

-webkit-text-stroke:4px pink;

此属性还未完全进入w3c标准，所以需要加上-webkit-前缀，在chrome上运行

三、文字排版

用法：

direction: 排版标的目的;

unicode-bidi:bidi-override;   （共同这句代码使用）   

排版标的目的有如下八个，

四、文字溢出部分显示省略号

共有四步：

(1)限宽盒子模型

width:number值px;

(2)文本不换行

white-space:nowrap;   

(3)该盒子设置溢出部分隐藏

overflow:hidden;

(4)溢出部分省略号取代

text-overflow:ellipsis;

盒模型新增属性

一、盒模型暗影

用法：box-shadow: h-shadow v-shadow blur spread color;   （外暗影）

box-shadow: 10px 10px 30px 40px blueviolet;

还可为盒子同时设置外暗影和内暗影，之间用逗号离隔，如下：

box-shadow: 0 0 30px 30px #000, inset 0 0 30px 10px yellow;

二、盒模型倒影

用法：-webkit-box-reflect: 标的目的值 px值 linear-gradien(用法如下);

标的目的值可取值有如下7个，px值暗示盒子和倒影之间的间隔巨细

linear-gradient(-90deg,rgba(0,0,0,1) 0,rgba(0,0,0,0) 70%) 

默认自上而下渐变，渐变标的目的可以转变，百分比暗示渐变到这里截至

三、通过拖拉盒模型右下角来重置盒模型巨细

resize: val;

overflow:auto;  （不成少）

此中val可以是both暗示程度垂直标的目的都可重置，horizontal暗示只可程度标的目的重置，vertical暗示只可垂直标的目的重置

四、使用width、height固定死盒模型的巨细，使其巨细不会因盒子自己border值或padding值的转变而转变

box-sizing: border-box;

五、盒模型圆角

border-radius: px值;

感化：设置盒子四个角的弯曲度

只写一个px值，代表感化于所有角，写多个px值时，感化挨次可参看下图

另一种书写形式如下所示（道理是操作椭圆的利害轴）

新增UI样式

一、边框图片

该样式较为庞大，截图说明，如下所示：

  

设置边框图片需要供给一个九宫格图片，为border-image-slice属性设置百分比或具体数值（注意不加px）来分隔断绝分手图片，为border-image-repeat属性设置伸缩方法，到这已经可以实现边框图片效果。

二、盒模型配景图片（1、2、3属性在css2就有了，因为对照重要，特意列出！）

盒模型的配景图片默认显示在盒模型的内容区、padding区、右下border区。或则说成是盒模型配景图片绘制于padding区，截止于右下border区

(1)background-image

感化：设置配景图片

可以设置多个配景图片，多个url用逗号离隔

background-image:url(img/lhh.png), url(img/lzp.png);

(2)background-position

感化：设置配景图片的位置。默认配景图片左上角和盒模型撤除边框后的左上角重合

取值为百分比时，0% 0%暗示图片左上角和盒模型左上角重合，100% 100%暗示图片右下角和盒模型右下角重合

取值为px值时，正值：配景图片右移动或者下移动；负值：配景图片左移动或者上移动（这种情况实际开发顶用的较多，常用于控制精灵图）

两种取值方法都是，第一个值为x轴偏移量，第二个值为y轴偏移量，如果只设置一个值，这个值暗示x轴偏移量，y轴会隐式设置为居中效果 

(3)background-attachment

感化：设置配景图片相对付谁固定

取值为fixed，暗示相对付浏览器视口固定，默认是相对付浏览器视口的左上角

取值为scroll，该属性默认值就是scroll，暗示相对付该盒模型撤除边框后的左上角固定

(4)background-size

感化：规定配景图片的尺寸

取值为普通值，如10px，直接设置配景图像的宽度和高度