块级元素:div、ul、li、dl、dt、dd、p、h1-h6、blockquote、form
区别
1、块级元素会独占一行,其宽度自动填满其父元素宽度行内元素不会独占一行,相邻的行内元素会排列在同一行里,直到一行排不下,才会换行,其宽度随元素的内容而变化
2、一般情况下,块级元素可以设置 width,height 属性,行内元素设置 width, height 无效(注意:块级元素即使设置了宽度,仍然是独占一行的)
3、块级元素可以设置 margin 和 padding 行内元素的水平方向的padding-left,padding-right,margin-left,margin-right 都产生边距效果,但是竖直方向的padding-top,padding-bottom,margin-top,margin-bottom 都不会产生边距效果
@ html内边距啥意思?
内边距padding的意思是: 边框与内容之间的距离。
内边距padding
padding属性定义元素的内边距。padding 属性接受长度值或百分比值,但不允许使用负值。
按照上、右、下、左的顺序分别设置各边的内边距,各边均可以使用不同的单位或百分比值,例如:
h1 {padding: 10px 0.25em 2ex 20%;}
内边距也通过使用下面四个单独的属性,分别设置上、右、下、左内边距
padding-top 上内边距;
padding-right 右内边距;
padding-bottom 下内边距;
padding-left 左内边距;
例如:
h1 {
padding-top: 10px;
padding-right: 0.25em;
padding-bottom: 2ex;
padding-left: 20%;
}
@ margin在html中意思?
margin是外边距的意思,属于css中调整位置的一种属性,可以通过margin-top,margin-bottom,margin-left,margin-right,属性值可以是px,也可以是百分比,当然也可以一起写,margin:1px 2px 3px 4px,分别代表上边距,右边距,下边距,左边距,用于调整元素间的距离大小。
@ margin值重叠问题怎么解决?
1.同向margin的重叠:
1图片的margin-top与3图片的margin-top发生重叠,2图片的margin-bottom与3图片的margin-bottom发生重叠。
这时候重叠之后的margin值由发生重叠两片的最大值决定;如果其中一个出现负值,则由最大的正边距减去绝对值最大的负边距,如果没有最大正边距,则由0减去绝对值最大的负边距。解决同向重叠的方法:
(1)在最外层的div中加入overflow:hidden;zoom:
1(2)在最外层加入padding:1px;属性(3)在最外层加入:border:1px solid #cacbcc;2.异向重叠问题:
1图片的margin-bottom与2图片的margin-top发生重叠,这时候重叠之后的margin值由发生重叠两图片的最大值的决定的。
解决异向重叠问题:
float:left(只能解决IE6浏览器中的异向重叠问题,可以解决IE8以上、chorme、firefox、opera下的同向重叠问题)