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小时内删除。