RGBA透明度
RGB就是指(红色R+绿色G+蓝色B),RGBA则在其基础上增加了Alpha通道,可用于设置透明值。在ios开发中我们设置的RGB我们要传的值是从0到1的,而在CSS中则是传入0-255,透明值还是一样也是0-1。
我们可以这样进行设置
background-color: rgba(255,0,0,0.1);
text-shadow
text-shadow 属性向文本设置阴影,可以像下面那样进行设置,h-shadow是必需要填的,水平阴影的位置,可以是负值,v-shadow也是必需的,垂直阴影的位置。可以填负值,后面的blur和color都是可选的意思就是模糊的距离和阴影的颜色。
box-shadow
box-shadow 向框添加一个或多个阴影。该属性是由逗号分隔的阴影列表。这里面有四个还是和上面的是一样的,还是一样h-shadow v-shadow是可选的,另外两个就是spread是阴影的尺寸,还有一个是inset将外部阴影改成内部阴影,inset参数可选,默认的投影方式是外阴影;如果唯一值“inset”,就是将外阴影变成内阴影。
box-shadow: h-shadow v-shadow blur spread color inset;
border-radius
可以给某个元素设置圆角,比如说下面这个就是去设置边框为2个像素宽的实线然后设置圆角效果。
border:2px solid;
border-radius:20px;
//等价于
border-top-left-radius:20px;
border-top-right-radius:20px;
border-bottom-right-radius:20px;
border-bottom-left-radius:20px;
border-image
边框图片的意思,可以给文字设置边框图片。具体用法http://www.w3school.com.cn/cssref/pr_border-image.asp
transform
形变的意思,这个transform 属性可以允许我们对元素进行旋转、缩放、移动或倾斜。就比如说下面我们可以让它上移和左移自己宽度和高度的百分之五十transform: translate(-50%,-50%);