CSS：显示属性，块

Question

我仍然在学习如何使用CSS进行布局。
从其他网站借用一些CSS一起玩，
我发现，如果我从CSS中删除此之后：

header { 
    display: block; 
} 

，我的头不会中心。如果我从CSS文件中删除它，那么标题图片会变得非常小，并保留在左上角。看完显示属性后，我看不出为什么它控制居中。有人可以简单地向我解释一下吗？

Answer 1

显示：块表示元素显示为块，因为段落和标题一直是。一个块在其上面和下面有一些空格，并且不允许在它旁边有HTML元素，除非另外排序（例如，通过向另一个元素添加浮点数声明）。 more

Answer 2

http://www.quirksmode.org/css/display.html

滚动中途下来的页面的详细解释和什么display: block做例子。如果您在浏览器中解析文档为HTML 4（但会在支持HTML 5的浏览器中），您发布的代码不一定会做任何事情。

它声明称为“标题”（HTML 4中不存在）的标记应设置为display: block。因此，四件事情之一将发生：

1. 浏览器将它识别为HTML 5并应用样式。
2. 浏览器将执行任意模式匹配并应用样式，即使它不知道标记。
3. 浏览器将无能为力。
4. 浏览器只会遵循一些CSS说明。

编辑：这里是新header标签文档中的HTML 5： http://html5doctor.com/the-header-element/

编辑＃2：除非在页面上任何其他冲突的风格，这将提供一个居中的标题。

<style> 

H1 { 
    text-align: center; 
} 

</style> 

<h1>Some text to be centered</h1>