微信小程序css篇----所有属性(按字母排列：b开头)

今天星期六，本来想着先玩两把LOL，不过一想到后天小程序就全面公布了，细思极恐啊，为了到开发的时候顺畅，还是忍住了玩的冲动，继续来熟悉微信小程序里的对css属性的支持，因为b开头的比较多，大概就是bg了，border，bottom,box等等属性，先上图看看有多少：

以上，那详细来看看，分个几大类吧：

一：backface-visibility：属性定义当元素不面向屏幕时是否可见。就是在动画里旋转后，背面是不是显示。取值有：visible（可见），hidden（不可见）。

二：background，背景。之前有单独写背景看这里。

三：behavior：只有IE支持这个属性。就不说了。

四：block-size:逻辑宽度，取决于元素的writing-mode。Firefox支持。

五：border：边框。请看微信小程序css篇----边框(Border)。

六：bottom：设置图像的底部边缘。

对于绝对定位元素，bottom属性设置单位高于/低于包含它的元素的底边。

对于相对定位元素，bottom属性设置单位高于/低于其正常位置的元素的底边。

七：box：盒子属性：

1. box-decoration-break: 取值：clone（克隆），slice（片式）。详情，还是看图：

2.box-shadow：阴影：  box-shadow: h-shadow v-shadow blur spread color inset;

h-shadow：水平阴影位置，允许负值。必须有

v-shaddow：垂直阴影的位置，允许负值。必须有

blur：模糊距离，可有。

spread：阴影的大小，可有。

color：阴影的颜色。可有

inset：从外层的阴影（开始时）改变阴影内侧阴影。

3.box-size:取值：box-sizing: content-box|border-box|inherit:

两个取值的区别在于是否会将pandding/margin算进去。

 view{
    margin: 20rpx;
    padding: 20rpx;
    width: 200rpx;
    height: 200rpx;
    box-shadow: 10px 10px 5px #888888;
    box-sizing:content-box;
 }

八：break-after,break-before,break-inside:主要是页面要是分页的时候属性。

       break-after   break-before   break-inside    这个网站里有详细的解释。

还好之前将background跟border给单独记录了。