CSS3 display属性默认值解析

在CSS3中，display属性包含static、relative、absolute、fixed、center、page和sticky等取值。其中，所有元素默认的display值为inline或block，具体取决于元素类型，而最常被视为默认行为的是block和inline，但通常所说的初始值是inline。

1、 打开HBuilder，双击启动后创建新页面，在主题标签内添加div元素。

2、 通过类选择器将div的position设为static，并设置其距离顶部100像素。

3、 保存代码后运行页面，发现元素与顶部之间存在空隙。

4、 将元素的定位设为相对，并指定其距离顶部和左侧的位置。

5、 保存代码后刷新页面，即可查看元素显示效果。

6、 将position属性设为absolute后保存代码即可。

7、 刷新浏览器后，元素背景显示变化，可见其display属性默认值为static。