元素类型

标签：隐藏   ica   识别   text   def   strong   ott   默认   列表   

元素类型分为 行内元素和块元素；

块元素： div h1-h6 p dl dt ul li ol li form table

行内元素： span  em i strong a b

特殊的行内块： img input

行内元素的特点：

1 对于行内元素来说，设置宽高 margin-top margin-bottom是不生效的；以及padding-top padding-bottom也不可以用；上下不生效，左右是可以的；

2 所有的行内元素，可以识别回车 成空格；

3 可变元素：css属性 display:block  行内元素可以块元素 还可以 显示；  display:inline， 改变块成行内；display:inline-block块可变行内块；也可通过float属性转换， 设置浮动属性后，也可设置宽高，比如span; display:none 隐藏显示来用；

4 行内块元素与文字放一起，是基线对齐；设置行内块垂直对齐：vertical-line:bottom/top/baseline(default)/middle/text-top/text_bottom. (区别：top盒子的顶端/ text-top文字的顶端)

注意： li的默认类型 display:list-item 将元素转换成列表

元素类型

标签：隐藏   ica   识别   text   def   strong   ott   默认   列表   

原文地址：https://www.cnblogs.com/chenshihao/p/10164485.html