知方可补不足～CSS中margin,padding,border-style有几种书写规范

参考文章：

http://www.w3school.com.cn

在我们使用CSS时，经常看到margin:0 0,margin:0 5px,padding:0 5px 10px;而它们研究是什么含义呢，在WEB标准中，它们会有以下含义，它适合于CSS中的margin,padding,border-style等属性

第一种情况，四个值都有，它们的含义如下

属性：上　　右　　下　　左

第二种情况，只有三个值，它们的含义如下

属性：上　　右左　　下

第三种情况，只有两个值，它们的含义如下

属性：上下　　右左

第四种情况，只有一个值，它们的含义如下

属性：上下右左

注意，如果属性值为0，可以不加单元

直接是属性：0;

如果不为0，则必须加单元

如属性:10px;

下面是w3school中所举的例子，我直接拿来主义了，呵呵

例子 1border-style:dotted solid double dashed; 上边框是点状右边框是实线下边框是双线左边框是虚线例子 2border-style:dotted solid double;上边框是点状右边框和左边框是实线下边框是双线例子 3border-style:dotted solid;上边框和下边框是点状右边框和左边框是实线例子 4border-style:dotted;所有 4 个边框都是点状例子 1margin:10px 5px 15px 20px;上外边距是 10px右外边距是 5px下外边距是 15px左外边距是 20px例子 2margin:10px 5px 15px;上外边距是 10px右外边距和左外边距是 5px下外边距是 15px例子 3margin:10px 5px;上外边距和下外边距是 10px右外边距和左外边距是 5px例子 4margin:10px;所有 4 个外边距都是 10px例子 1padding:10px 5px 15px 20px;上内边距是 10px右内边距是 5px下内边距是 15px左内边距是 20px例子 2padding:10px 5px 15px;上内边距是 10px右内边距和左内边距是 5px下内边距是 15px例子 3padding:10px 5px;上内边距和下内边距是 10px右内边距和左内边距是 5px例子 4padding:10px;所有 4 个内边距都是 10px

知方可补不足～CSS中margin,padding,border-style有几种书写规范相关推荐

知方可补不足~SQL2008中的发布与订阅模式~续
上一回介绍了如何在sql2008中建立一个数据库的发布者,今天来说一下如何建立一个订阅者,其实订阅者也是一个数据库,而这个数据库是和发布者的数据结构相同的库,它们之间通过SQL代理进行数据上的同步. ...
知方可补不足~SQL中的count命令的一些优化措施（百万以上数据明显）
回到目录 SQL中对于求表记录总数的有count这个聚合命令,这个命令给我们感觉就是快,比一般的查询要快,但是,当你的数据表记录比较多时,如百万条,千万条时,对于count来说,就不是那么快了,我们需 ...
知方可补不足~sqlserver中使用sp_who查看sql的进程
回到目录在SQLSERVER中每个会话,即每个查询分析器窗口都会产生一个SQL进程,对于那些持续时间短的进程,它们转瞬即失,而对于持续时间比较长的,我们需要希望查看它的运行状态,就可以借助SQL提供 ...
CSS中margin和padding的区别
padding.margin都是边距的含义,关键问题得明白是什么相对什么的边距.padding是控件的内容相对控件的边缘的边距,margin是控件边缘相对父空间的边距. 在CSS中margin是指从自 ...
知方可补不足～开发人员可以自己定义VS文件模版
团队开发,最重要的是什么? 统一的规范,对于一个团队,在开发项目之前,必须要先告诉大家项目的规范是什么,而开发人员在实际当中再去执行这个规范,对于规范事实上是个很宏观的概念,它可能有很多版本,呵呵,如 ...
HTML5中margin属性应用,CSS中margin属性及其使用探究
本文向大家描述一下CSS中margin属性的用法,主要包括其属性,使用过程中会遇到的问题,以及一些高级应用等内容,相信本文介绍一定会让你有所收获. CSS中margin问题及使用 margin属性为C ...
在html中设置margin属性,css中margin的4个属性
CSS中:margin:auto与margin: 0 auto;有什么区别 CSS中:margin:auto与margin: 0 auto;有什么区别.有的网站中写的是前者意思不同.margin:au ...
html怎么设置左偏移量,CSS中margin属性的偏移量详解（代码示例）
本篇文章给大家介绍一下CSS中margin属性的偏移量,有感兴趣的朋友可以看一看. 话不多说,我们直接进入正题~ 我们先来看一个具体的例子(相关推荐:CSS学习手册) 代码入下:HTML文件和CSS文 ...
html页边距为负值,css中的padding属性可以为负值吗？css中padding属性的详解
关于css盒模型中的内边距padding属性的详细介绍,还有新手常犯的一个错误,内边距padding属性真的能写入负值.这个答案在文章的最后,现在就让我们一起来看这篇文章吧首先我们介绍的是第一个问题 ...

知方可补不足～CSS中margin,padding,border-style有几种书写规范

知方可补不足～CSS中margin,padding,border-style有几种书写规范相关推荐

最新文章

热门文章