display

display:inline 宽高由内容撑开，一行上可以继续显示同类标签（写在子元素上）
display:block 块元素独占一行（写在子元素上）
display:inlin-block:块元素在一行上被显示，标签间换行不解析
display:none：设置时目标对象隐藏，其占用页面空间会释放

visibility属性
visibility:hidden,显示
visibility:visible:隐藏，其占用页面空间被保留。

相邻两个display为inline-block的边框问题
原因：换行导致间隔出现
解决方法：1,不换行，
2在HTML中要使用inline-block修饰的元素之间加入注释符。

meta,viewport移动端适配
viewport:浏览器显示网页区域
使用：
width=device-width,保证IE的移动端宽度
inital-scale=1;保证iphone,ipad的宽度
使用移动端页面适配

<meta name="viewport" content="widt=device-width,initial-scale=1.0">