HTML标签的三种类型
HTML标签的类型分为三种:⾏内元素,⾏内块元素,块级元素
⽽标签的属性是可以转换的
display:inline: 转换为⾏内元素
display:linline-block 转换为⾏内块元素
display:block 转换为块级元素
特性:
⾏内元素:
1.⽆法设置宽⾼
2. margin上下⽆效,只有左右有效果,padding都有效果,会撑⼤空间;
box-sizing:border-box;⽆效,因为该属性针对盒模型
html中的5种空格表示
3.不会⾃动换⾏
⾏内块元素:
1. 不会⾃动换⾏
2.能够设置宽⾼
3.默认排列⽅式为从左到右
4.可以使⽤text-align:center使内容相对于⽗盒⼦⽔平居中对齐,例如img标签,可以使⽤text-align:center,相对⽗盒⼦居中对齐.,margin:0 auto⽆效
5.⽔平排列,但所有元素默认会有1个空格的间隙,因为元素之间在html中书写有回车换⾏,浏览器解析会将其解析成⼀个空格.
块级元素:
1.能够识别宽⾼
2.margin和padding的上下左右均对其有效
3.可以⾃动换⾏
4.多个块状元素标签写在⼀起,默认排列⽅式为从上⾄下
5.可以使⽤margin:0 auto居中对齐
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论