首页 > 代码库 > 内边距《CSS权威指南》读书笔记

内边距《CSS权威指南》读书笔记

元素框的内边距在边框和内容区之间,属性为padding。

注意:内边距绝对不能为负

属性值:接受任何长度值或百分数值。

默认:元素默认没有内边距,段落之间的间隔传统上只由外边距保证。所以边框和元素本身的内容非常接近,所以在设置边框的同时最好增加内边距。

上下内边距是不会像外边距那样合并的。

使用内边距而不是外边距来分割段落的好处:可以在段落之间插入分隔边框,而这些边框在外观上会构成一条实线。

百分数值和内边距

和外边距一样,内边距也可以设置百分数值,相对于父元素的width计算。

单边内边距

和外边距一样,可以值复制

内边距和行内元素

行内元素设置了左右内边距,那么元素框如果有背景,那么行内元素则是可见的。不过,内边距不会应用到各行的左右两边的。

但是行内元素设置了上下边距,上下边距会覆盖上下的行内容的,但是不会影响行高。

内边距和替换元素

可以向图像应用内边距,不论替换元素是行内元素还是块级元素,内边距都会围绕其内容,内边距会把元素的边框推离其内容,即影响行高。

内边距《CSS权威指南》读书笔记