css 使用小技巧

 1css 图片与文字对齐方式

需要把样式设置给图片 同时适用于文本域

1  居中对齐   vertical-align: middle;

2  底线对齐     vertical-align: bottom;

3 顶部对齐  vertical-align: top;

2.行内块元素在同一行会有缝隙解决

只需要给当前行内块元素加一个一个浮动就能够解决这种问题 

3 怎么查看元素的hover active focus visited 等css样式

放到要查看的元素上面右键 force state 上面选择对应的选项 

4移动端浏览器的兼容只需要考虑webkit 的兼容性就好了

5. 移动的初始化 https://necolas.github.io/normalize.css/

6. 多个dom 同时渲染的时候为了提高效率

  解决思路 ： 1 首先要创建一个文档片段  把要渲染的标签加入到这个标签中，让后再把文档片段加入到这个body 中  

                2 文档片段  document.createDocumentFragment () 创建 

7  pre