CSS的块级元素和内联元素的概念

　　三生有幸，偶然之下知道了《CSS世界》这本书，让我产生了探究 CSS 的想法。

　　

　　这里对 CSS 中的块级元素和内联元素的概念做一个简单的整理。

 

　　可能对于我们前端开发人员来讲，一般接触到的元素就三大类：块级、行内块、行内，也因为 display 的常用属性值为正好是三个： block、inline-block、inline，我们很可能就会将概念搞混，认为 块级元素就是 display 的值是 block 的元素，内联元素就是 display 的值是 inline 的元素。

　　

　　而标准真的是这样规定的吗？不。细心的人可能会发现，<li> 标签的 display 值不属于 block、inline-block、inline 中的任何一个，而是 list-item，而 <table> 标签的 display 值同样不是三大常用属性值中的一个，而是 table。

 

　　那么问题来了，<li> 和 <table> 属于块级元素还是内联元素呢？答案呼之欲出，块级元素和内联元素的定义指的是：只要符合 “独占一行” 的特性就是块级元素，而只要符合 “不独占一行” 的特性就是内联元素。

 

　　最后推荐一下出自大神 张鑫旭 之手的《CSS世界》一书，重新定义你的 CSS 世界观。

转载于:https://www.cnblogs.com/coder-Liu/p/10177732.html