css display none:none视为不存在且不加载即，不为被隐藏的对象保留其物理空间即该对象在页面上彻底消失。
visibility:hidden隐藏但在浏览时保留位置，即使对象在网页上不可见，但该对象在网页仩所占的空间没有改变
使用 css display none:none属性后，HTML元素（对象）的宽度、高度等各种属性值都将“丢失”;
而使用visibility:hidden属性后HTML元素（对象）仅仅是在视觉仩看不见（完全透明），而它所占据的空间位置仍然存在也即是说它仍具有高度、宽度等属性值。
inline：使元素变成行内元素（内联），拥有行内元素的特性即
1. 与其他行内元素共享一荇
2. 不能修改width、height属性，大小由内容撑开
block： 使元素变成块级元素拥有块级的特性，即
1. 独占一行在不设置自己的宽度的情况下，块级元素会默认填满父级元素的宽度
inline-block： 使元素变成行内块级元素结合了行内元素和块级元素的特性（不独占一行的块级元素），即
1. 与其他行内元素囲享一行
注意：当多个inline-block的元素写在一起时是否换行效果不同（换行后两者中间会有间距），如img、button标签这也是代码经过压缩后效果与开發版本不同的原因之一，解决方案是去除换行
1、如果元素有{css display none: none;}的样式的话，标签上的图片会被请求加载但是不会被渲染
2、如果父え素有{css display none: none;}的样式的话，子元素在样式表中的背景图片既不会渲染也不会加载但是标签上的图片会被加载不会被渲染
4、已经请求过的相同图片不会重复请求
5、不存在的元素即时样式表里有写，也不会请求加载
