块元素:div块元素独占一行的.有宽高的
浮动:可以使块元素在一行上显示
内联元素:不独占一行,没有宽高
span写文字的,其实div足够胜任工具人的角色。
改变元素位置的方法
margin(外边距):
子父级margin-top会合并为1个
同级相邻的top和bottom会合并为一个
缺点:margin会有合并问题,margin会重叠,在垂直方向上,同级关系的元素top和bottom加在一起不会都生效,取较大值,适用平行比较好。
padding(内边距):
缺点:div块会撑开。要主动的减去对应的宽和高(在样式修改宽高)
position:
如何让块元素在一行上显示?
浮动:希望哪几个元素在一行上显示,就要给哪几个元素加浮动
float:left
float:right
个人心得:内边距多用于父级