Appcan页面学习小结

1.背景色从颜色1（#ff9000）到颜色2（#ff5000）的渐变填充
background: -webkit-linear-gradient(left, #ff9000, #ff5000); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(right, #ff9000, #ff5000); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(right, #ff9000, #ff5000); /* Firefox 3.6 - 15 */
background: linear-gradient(to right, #ff9000, #ff5000); /* 标准的语法 */


2.边框画圆弧
-moz-border-radius:3em; -webkit-border-radius:3em; border-radius:3em;


3.使背景颜色填充全部：background-size:cover;


4.在同一个div中均分
1）在大的div中写入样式：display: -webkit-box !important;
2）在左侧（右侧）的子div中写入-webkit-box-flex: 1;


如果子div中的样式上下左右居中写入“class="ub ub-ver ub-ac ub-pc ub-f1"”字体居中:text-align:center;
其中：ub ub-ver ub-ac 水平居中  ub ub-ver ub-pc 垂直居中
需要注意的是：居中引用的外框必须是div ,内框也必须是div,居中引用的外框需要定高度


5.3个div放在同一个水平线上
1）采用float:left方式
2）采用position:absolute方式


6.图片单独占一行的效果：
直接在页面中放入img图片，样式是定宽度为100%，不用定高度


7.如果整个div的html代码：<div class="content" id="content"></div>
则在定样式时：body,.content{width:100%; bakground:#ff0000;}(避免body,整个页面背景不同)


8.appcan中的实际高度时：font-size的高度*height的大小得到的