CSS学习笔记

1. CSS水平居中和垂直居中实现方法

垂直居中: position: absolute; Top:50%; margin-top: -68px(div框高度的1/2);

文字垂直居中: line-height: XXpx, vertical-align:middle

水平居中:  left:50%; margin-top: -150px(div框宽度的1/2);

水平居中(另一个方法): 父div text-align: center, 子div设置 margin-left: auto; margin-right: auto;

 

2. 微信页面尺寸：iphone5=320*504, iphone6=375*604,iphone6 plus=414*672, android=360*576

如果不想为每个尺寸做一个背景图片，可以近似把图片尺寸设为1:1.67（1080*1700）

 

3.图片png格式，和边没有空隙，然后用css控制margin-left,margin-right 来显示图片的大小 

 

4. 当css 中父类div 高度为为时，可能是子类div 元素用了float,没有加clear属性。或者在父类的css加上overflow:auto;