CSS扫盲(一): padding
来源:asp之家 时间:2009-08-04 17:58:00
是扫盲文章, 其实我自己就是个被扫对象, 为了学习W3C标准地设计网页, 想到写这个系列的文章当作自己的学习笔记, 不求每篇都写很好, 只求能日积月累, 今天第一篇, 只记一下CSS中的padding.
The CSS padding properties define the space between the element border and the element content.
padding作用很简单也很强大, 它用来定义某元素的内容与边界之间的距离, 它的4个属性分别为top(眉), right(右), bottom(脚), left(左). 距离的单位可以是cm(厘米), px(像素)或者%(相当于封闭高度或宽度的百分比), 距离设为负数是无效的.
对h1的padding属性进行定义的时候可以这样写:
CSS:
h1 {padding: 10px 0px 10px 0px}
眉留10像素, 左不留空, 脚留10像素, 右不留空
也可以单独对某一属性定义, 如:
CSS:h1 {padding-top: 10px}
只在眉留10像素
CSS:h1 {padding: 10px}
4个方向都各留10像素的距离
CSS:h1 {padding: 10px 2%}
眉和脚各留10像素, 左右各留宽度的2%
CSS:h1 {padding: 10px 2% 15px}
眉留10像素, 左右各留宽度的2%, 脚留15像素
CSS:h1 {padding: 10px 2% 15px 20px}
眉留10像素, 右留宽度的2%, 脚留15像素, 左留20像素
大家可以试一下. 有错误的地方欢迎指正.
标签:padding,css


猜你喜欢
Go语言基础学习教程
2024-02-06 07:12:11

python读取中文txt文本的方法
2021-06-10 03:55:51
Python实例练习水仙花数问题讲解
2023-05-26 18:38:11

Django开发中的日志输出的方法
2023-02-24 07:37:17
python实现雪花飘落效果实例讲解
2022-08-29 07:31:55

制作全局临时表
2010-06-11 13:36:00
利用Python将时间或时间间隔转为ISO 8601格式方法示例
2022-12-06 22:18:25

使用Python搭建虚拟环境的配置方法
2021-09-04 17:50:58
快速升级MySQL系统表
2009-01-23 12:35:00
Python3的高阶函数map,reduce,filter的示例详解
2024-01-02 21:16:19
Golang Goroutine的使用
2023-09-20 20:38:45
PyHacker实现网站后台扫描器编写指南
2022-11-07 12:20:24

Python实现将绝对URL替换成相对URL的方法
2023-08-28 13:40:08
php遍历CSV类实例
2023-11-01 23:46:26
Python序列对象与String类型内置方法详解
2023-09-22 13:25:18
YOLOv5在图片上显示统计出单一检测目标的个数实例代码
2023-07-20 18:08:42

mysql 5.7.13 安装配置方法图文教程(win10 64位)
2024-01-28 09:07:21
浅谈java里的EL表达式在JSP中不能解析的问题
2023-06-20 11:55:05
MySQL decimal unsigned更新负数转化为0
2024-01-14 20:59:36
MySQL 5.6.36 Windows x64位版本的安装教程详解
2024-01-25 09:31:44
