微信小程序css篇----所有属性(按字母排列:b开头)
来源:互联网 发布:青云创投 知乎 编辑:程序博客网 时间:2024/06/08 18:22
今天星期六,本来想着先玩两把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给单独记录了。
- 微信小程序css篇----所有属性(按字母排列:b开头)
- 微信小程序css篇----所有属性(按字母排列:a开头)
- 微信小程序css篇----所有属性(按字母排列:c,d,e开头)
- 微信小程序css篇----所有属性(按字母排列:f 开头)
- 字母所有的排列方式
- linux下查看以某个字母开头都所有文件
- 输入5个字符串,打印出"b"开头的字母
- Css所有属性
- 所有CSS文本属性。
- CSS 所有属性
- 输入一个字符串,找出其中以“b”开头的字母,空格分割字母
- 递归-B-变位字:排列所有组合
- 输入一个字符串,按字典序打印出该字符串中字符的所有排列。例如输入字符串abc,则打印出由字符a,b,c所能排列出来的所有字符串abc,acb,bac,bca,cab和cba。 结果请按字母顺序输出。
- css 开头
- css 开头
- css开头
- 排列字母
- 字母排列
- Mac版Android Studio查看不到源码的解决方法
- Fragment动态添加
- how do I get the instance of sun.misc.Unsafe
- js继承
- dubbo负载均衡
- 微信小程序css篇----所有属性(按字母排列:b开头)
- 横渠四句
- 工作细节总结
- bits/c++config.h找不到
- Unity3D 大型游戏 商业游戏(Diablo War)源码 部分重点(1)
- iOS 自定义下拉选项框 —— HERO博客
- EasyUI页面刷新后滚动条没有恢复到初始位置,已解决
- swift和objc混编
- 支付流程