内联元素:span/a/p 设置width,height;margin,padding没有效果。 行内框:无论设置什么都是在一行内起效果。文字流到什么位置span标签就包括到那里。
块元素:div/p/h/pre/form 盒子。
写两个标签连起来,如果只占一行就是内联元素(图片),否则是块元素。
dispaly:block 内联元素转化为块元素。
display:inline 块元素转化为行内元素。
display:none 不显示,其元素与子元素都不在显示。
内联元素下方的空白问题?答:转换为块元素。再设置margin,padding。
文字的行与行之间有行距,每行行距也相等。但是在最后一行,与后面的块状元素有一个明显的边距,这个边距是不能用css控制的。
所以对于图片元素一些css reset会转换为块元素处理。img{ display:block;}。