★文章内容学习来源：拉勾教育大前端就业集训营

一、显示模式 display属性

  • 标准流中的元素有自己默认的浏览器加载模式，但是加载模式不是一成不变的，后期可以通过 display 属性更改一个标签的显示模式。

二、属性值及其含义

属性值 属性值作用
block 表示元素要以块级元素模式加载，具备块级特点
inline 表示元素要以行内元素模式加载，具备行内特点
inline­block 表示标签要以行内块模式加载，具备行内块特点
none 示标签及内部内容直接隐藏，让出原有标准流的位置

三、注意

  • display属性更改的显示模式并没有改变标准流本质性质，页面还是只能从上往下加载，存在空白折叠现象等微观性质。
  • 要想实现更多的界面布局效果需要脱离标准流的限制。
  • ★标签元素脱离标准流的方法包括：浮动、绝对定位、固定定位。
    接下来几篇会一一讲到。

下篇继续：【27】CSS核心样式（6）——浮动属性（上）