CSS显示模式

p标签（段落文字）不能嵌套div、p、h等块级标签元素

a标签内部可以嵌套任意元素，但是：a标签不能嵌套a标签

块级元素

显示特点：

1.独占一行（一行只能显示一个）

2.宽度默认是父元素的宽度，高度默认由内容撑开

3.可以设置行高

代表标签：div、p、h系列、ul、li、dl、dt、dd、form......

行内元素

显示特点：

1.一行可以显示多个

2.宽度和高度默认由内容隔开

3.不可以设置行高

代表标签：a、span、b、u、i.......

行内块元素

显示特点： 1.一行可以显示多个

2.可以设置行高

代表标签：

·input 、textarea、button、select.....

·特殊情况：img标签有行内块元素特点，但是谷歌调试工具中显示结果是Inline

元素显示模式转换

目的：改变元素默认的显示特点，让元素符合布局要求

语法：

属性 效果 使用频率

display：block 转换成块级元素 较多

dispaly：inline-block 转换行内块元素 较多

display：inline 转换成行内元素 极少