码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2016-10-03 16:57:27      阅读:133      评论:0      收藏:0      [点我收藏+]

标签:

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

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

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

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

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

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

百分数值和内边距

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

单边内边距

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

内边距和行内元素

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

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

内边距和替换元素

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

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

标签:

原文地址:http://www.cnblogs.com/Fawzia/p/5929188.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!