CSS扫盲(一): padding
来源：asp之家 发布时间：2009-08-04 17:58:00
标签：padding,css
是扫盲文章, 其实我自己就是个被扫对象, 为了学习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像素
大家可以试一下. 有错误的地方欢迎指正.
0
投稿猜你喜欢
在做前端界面开发的时候，遇到需要改变颜色的需求，就需要使用颜色选择器。针对这个问题，第一想法，自然是H5提供了input color，可以实- 本文实例讲述了Python pymongo模块常用操作。分享给大家供大家参考，具体如下：环境：pymongo3.0.3，python3以下是
- 写在前面在写go的时候经常用到序列化、反序列化，记录一下遇到过的坑。空指针会被解析成字符串"null"type Pers
- 前言动态生成表格是前端开发中非常重要的内容，常常是后端返回数据（大多是json类型），我们前端通过js循环来动态添加，所以这部分内容是十分重
- 模式库 在模式库里,我将列出所有电子商务网站需要的模式.以下将罗列出经典常用的模式案例,我也试图让这些模式看起来更有趣味性与实用性。(Yah
- 前言本文主要给大家介绍了关于Yii2结合Workerman的websocket的相关内容，两者都是好东西，我就想着能不能结合起来，这样Yii
- 下面我挑选出的这几个技巧常常会被人们忽略，但它们在日常编程中能真正的给我们带来不少帮助。 1. 字典推导(Dictionary compre
- 本文介绍Python实现端口复用实例如下所示：#coding=utf-8import socketimport sysimport sele
- 前言Multiprocessing.Pool可以提供指定数量的进程供用户调用，当有新的请求提交到pool中时，如果池还没有满，那么就会创建一
- 昨天同事无意又谈起了这个老话题，美工和设计师（视觉）有什么不同？以文字排版设计为例，列了下面两个图来说明，可能会有一些启发， 第一个图应该算
- MaxDB和MySQL是独立的数据库管理服务器。系统间的协同性是可能的，通过相应的方式，系统能够彼此交换数据。要想在MaxDB和MySQL之
- 先说明2点开启缓存也会带来开销，主要表现在一下方面读取在查询开始之前必须要检查缓存如果查询是缓存的，但是不在结果集中，那么产生结果后保存数据
- MD5消息摘要算法（英语：MD5 Message-Digest Algorithm），一种被广泛使用的密码散列函数，可以产生出一个128位（
- Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。Swiper能实现触屏焦点图、触屏Tab切换、触屏多图
- 下面这几个小问题都是基于 InnoDB 存储引擎的。1. ID最大的记录删除后，新插入的记录ID是什么例如当前表中有ID为1,2,3三条记录
- 1. 在apps包下新建一个utils的python包2. utils包中新建一个YunPian.py文件，文件中代码如下import re
- 目录一、什么是连接池，连接池有什么用二、代码展示一、什么是连接池，连接池有什么用先看看别人是怎么介绍连接池的吧:连接池基本的思想是在系统初始
- 假设我们有一幅图像，图像中的文本被旋转了一个未知的角度。为了对文字进行角度的校正，我们需要完成如下几个步骤：1、检测出图中的文本范围2、计算
- 一、为何人工智能(AI)首选Python？读完这篇文章你就知道了。我们看谷歌的TensorFlow基本上所有的代码都是C++和Python，
- 在采集网页信息的时候，经常需要伪造报头来实现采集脚本的有效执行下面，我们将使用urllib2的header部分伪造报头来实现采集信息方法1、
