元素的类型

笔记若是很差,请你们喷,但别太过,毕竟键锋伤人。css

块元素

div,h1-h6,p,ul,li,ol,dl,dt,dd,header,nav,footer,section,article,aside

特征:ide

一、默认独占一行
二、没有给宽度的时候,宽度是auto,撑满一行(宽度就是父级的宽度)
三、支持全部的css命令

行内元素

a,span,strong,em,mark,img,time

特征:spa

一、内容撑开宽高
    宽高的值都是auto,只不过显出来的宽高是由内容撑开的
二、不支持设置宽高
三、不支持上下的margin与上下padding(左右支持)
    上下的padding是有问题,虽然把背影撑出来了,这个只是表面现象,它不会对其它的元素有影响
四、全部的行内元素都会在一行显示
五、代码换行会被解析成一个空格

行内块元素

特征:code

一、行内元素支持宽高
二、块元素能够在一行中显示
三、不给宽高的话,宽度会由内容撑开
四、代码换行会被解析成一个空格
五、IE六、7不支持块元素的inline-IE六、7不认识inline-block,给行内元素加上这个属性后会触发IE的haslayout特色,会让行内元素具备与inline-block同样的特征,因此它不支持块元素的inline-block
相关文章
相关标签/搜索