css中的display显示与隐藏属性
通常默认html内容是显示，但有时我们想前期他隐藏，鼠标经过一个触发地方，便显示被隐藏内容，这个时候开始时候我们运用display:None，当鼠标经过触发地方时，JS对应调用display:block样式的CSS显示内容。
我们用CSS伪类隐藏案例：
1、代码如下
这是没有隐藏
2、然后给这个div添加css display:none隐藏属性
3、最后做一个鼠标放在上面显示效果
（因为截图原因鼠标消失了，所以看不到鼠标放上去的效果）
这里特别要说明使用display:none是比较方便的隐藏对象内容方法，比如他们在网页插入第三方统计时候，便会显示CNZZ的图标或文字内容，为了又统计网页网站访问流量，又要通过CSS隐藏掉，我们即可以使用此样式实现；对于一些SEO来说隐藏链接，使用display:none将是一个错误选择，无论display:none是在html标签内使用还是，CSS文件引入，搜索引擎都会识别你使用此属性，搜索引擎也不会读取或索引你此样式里的内容。