Day2课程 5-显示模式

Day2课程 5-显示模式

显示模式：标签（元素）的显示方式

验证

分三步走：
1. 写两个相同的标签，在浏览器中查看是否在一行内显示（是否 独占一行）
2. 看默认宽高是多少（宽高尺寸 是否 由内容展开）
3. 加宽高，看是否生效

1.块级元素
   ○ 独占一行
   ○ 宽度默认是父级的100%
   ○ 添加宽高属性生效
2.行内元素 / 行内块元素
   ○ 一行可以显示多个
   ○ 设置宽高属性，行内元素不生效，行内块元素生效
   ○ 宽高尺寸由内容展开

转换显示模式 - display

属性值 - 效果：
   ○ block - 块级
   ○ inline-block - 行内块
   ○ inline - 行内（一行显示）