1。html元素的介绍，除了“block”就是“flow”（也就是通常说的块级元素和内联元素），而“flow”包含在“block”中，比如body就是一个“块”，a是“流”。浏览器的默认样式指定哪些html元素是“块”（其余是“流”）。其实这部分知识都包含在显示风格的设置中。在网上查找display的所有属性，你会发现有很多，但并不是所有的都是常用的，甚至大部分都没有被你用过。没关系，你可以学以致用。如果您不需要它，则不必学习它。只知道它。什么时候用，什么时候详细学——前提是你知道有这么个东西，否则无从下手。常用的有：none,block,inline,inline-block,list-item,table,table-cell,inherit，有些已经在《浏览器默认样式》中提到了，简单说明如下：list-item:used模拟li列表样式;table:也是一个“block”，但是和block相比，table是wrapping的；table-cell：用于模拟表格单元格（类似于table中的
和 | ）；inherit：从父元素继承显示属性的值。接下来介绍其他几个常用的显示值。2.内联常用的内联是文字和图片。其实inline没什么好说的。你可以把它想象成杯子里的水。它是一种“流”，没有大小或形状。HelloWorld!从上图可以看出，对于内联标签，设置width和height，你可以监控一下知道元素的实际宽高是auto的，不是我们设置的值。那么，如何将内联元素转换为“块”元素呢？最简单的是设置display:block;或显示：表格；有两种理解方式：一是给inline元素设置float或者刚才的例子，我们给span元素加一个float:left，运行看看效果：HelloWorld!从显示效果和监控结果来看，span元素已经被“屏蔽”了变化。注意，上一节刚刚讲完了float，别忘了float的“破坏性”和“包裹性”，这里同样适用。二、在内联元素上设置position:absolute/fixed还是一样的例子作为演示。这次在span元素上加上absolute/fixed，效果大家可以猜到，和加float效果一样。至于absolute/fixed的特性，在下一节介绍position的时候会提到。HelloWorld!3.Block其实对于block，我觉得就是“盒子模型”。具有块集的元素必须遵循盒子模型的规则。所以这里就不详细写了。大家可以去盒子模型的板块好好看看，内容就那么一点点。4.inline-block浏览器默认的样式指定了几个html元素为display:inline-block;。首先，你应该知道什么是inline，也就是普通的文字和图片；其次，你应该知道block是什么样子的，也就是普通的div；最后，inline-block，顾名思义，既有inline的特性，又有block的特性，大家可以想想一般的button和input长什么样子。我们在页面输入几个 | 