css中关于display的一般用法

这是在学习jquery时候有疑问而作为记录。

学习jquery的滑动

这是原代码：

DOCTYPE html>





 



 
点我滑下面板
Hello world!
 ou my god

显示的效果如下，但是在jquery里面开始没有给节点隐藏的，因为是初学，所以刚开始是可以使用$('panel').hide()进行初始隐藏，然后进行点击滑动：

后面进行排查时候发现在display可以设置是否在开始加载页面时候，该元素是否会被显示出来。

最后附上display的常用属性

none	此元素不会被显示。
block	此元素将显示为块级元素，此元素前后会带有换行符。
inline	默认。此元素会被显示为内联元素，元素前后没有换行符。
inline-block	行内块元素。
list-item	此元素会作为列表显示。
run-in	此元素会根据上下文作为块级元素或内联元素显示。