html元素类型和盒子模型知识点

1.元素的类型分两类

1.元素的类型分两类
块级元素
行内元素、内联元素(特殊的行内块元素)
2.元素的类型分三类
块元素
行内元素
行内块元素

块元素：

div p h1-h6 ul ol li dl dt dd form hr

1.独占一行，在文档流中从上往下排列

2.设置宽高有效

3.默认宽度为父元素的100%,默认高度靠内容撑开

4.盒子模型的属性均有效

5.在网页中以块的形式存在，作为容器放置其他元素或者内容，常用于布局

行内元素
span a s del u sup sub b strong em i
br

1.与其他的行内元素或者行内块元素共用一行，按顺序从左到右排列，一行放不白动换行

2.设置宽高无效

3.默认宽高靠内容撑开

4。设置margin/padding/
/border的上下属性无效
5.span常用于一行文本具有不同样式的时候

行内块元素

img input

1.与其他的行内元素或者行内块元素共用一行，按顺序从左到右排列，一行放不下!动换行

2.设置宽高有效

3.默认宽高不同浏览器默认值不同，后期需要我们去设置

4.盒子模型的属性均有效

5.会出现幽灵空白节点