CSS的布局 Day03

一、显示模式：

网页中HTML的标签多种多样，具有不同的特征。而我们学习盒子模型、使用定位和弹性布局把内容分块，利用CSS布局使内容脱离文本流，使用定位或弹性布局让每块内容摆放在想摆放的位置，让网站页面布局更合理、有条理。

1.1 标签分类

1.1.1 块状元素(block-level)

1.1.2 行内元素 (又叫内联元素inline)

一行共存多个;默认尺寸由内容撑开;加宽高生效

1.1.3 行内块状元素（inline-block）

宽高属性生效;宽高默认由内容撑开

 1.1.4 转换display

例如：

块状元素也可以通过代码display:inline将元素设置为内联元素。如下代码就是将块状元素div转换为内联元素，从而使 div 元素具有内联元素特点。

 div{
     display:inline;
 }
......
<div>我要变成内联元素</div>