css元素的状态转换

block：对象呈现为块状元素

inline：对象呈现为行间元素

inline-block：对象呈现为行间-块状元素“实现同在一行中的行间元素能使用盒模型”

none：对象呈现为"无"，实现元素在页面中“消失”

block，inline为了便于使用css盒模型属性

实现html块状元素和行间元素的互换

html标签都有自己默认的display设置：

1.块状元素：display：block（默认值）

2.行间元素：display：inline（默认值）

display的实际应用：

目的：让行间元素能适应盒模型属性

任务：创建一个按钮样式的超级链接

实现思路：<a>:display:block

构建网页布局的思路及步骤：

1.使用盒模型思维进行页面或板块分析

2.html-使用符合布局语义的标签进行结构化

3.css控制变迁的尺寸和定位