一、盒子显示模式

• 元素（标签）默认以什么方式进行显示，都是盒子显示模式的原因，比如div盒子独自占一行，span标签一行放多个；
• 元素显示模式分为三类： 块元素、行内元素，行内块元素；

1.块元素

• 常见的块元素： div/p/h/ul/li/ol/dl/dt/dd标题等
• 特点：
• 1、独自占一行；
• 2、宽度默认是父元素宽度，高度由内容撑开；
• 3、可设置宽高；
• 4、注意点：块元素里面可以嵌套任何元素，但是段落标签p里面不能嵌套div标签(p不能嵌套h,h也不能嵌套p)，因为浏览器解析的时候会将p嵌套div解析成两个p标签，一个div标签显示；
• 

2.行内元素

• 常见的行内元素： img/a /span/u/ins/s/del/b/strong/i/em
• 特点：
• 1、一行共存多个；
• 2、宽高都由内容撑开，不可以设置宽高(img例外)；
• 3、行内元素中只能嵌套文本图片或者其他行内元素，但是超链接a里面可以嵌套块级元素；

3.行内块元素

• 常见的行内元素： input/button;
• 特点：
• 1、一行可以共存多个；
• 2、宽度默认由内容撑开；
• 3、可以设置宽高；

二、css特性

1. 继承性

• 文字控制属性都能继承, 不是控制文字的都不能继承
• 
• 注意： 自己有相关的属性则执行自己的, 不执行继承：比如a标签的颜色、h标签的字体大小都不继承父元素。

2. 层叠性

• 后面的样式覆盖面前的属性。
• 多个选择器的不同属性累加生效。