行内元素与块元素
一、行内元素
a span strong em mark img time
特征:
①内容撑开宽高。宽高的值都是auto
②不支持设置宽高
③不支持上下的margin与上下的padding。只支持左右的margin与padding
④行内元素在一行显示
⑤代码换行会被解析成一个空格(解决空格:font-size=0)
二、块元素
div h1-h6 p ul li ol dl dt dd header nav footer section article aside
特征:
①默认独占一行
②没有给宽度时,宽度是auto,有父级时,宽度就是父级的宽度。
③支持所有的CSS命令
display:inline-block 行内块元素
特征:
①行内元素支持宽高
②块元素可以在行中显示
③不给宽度的话,宽度由内容撑开
④代码换行会被解析成一个空格
⑤IE6/7不支持块元素的inline-block
建议:能不用就不用
放弃不难,但坚持一定很酷!