CSS教程：简化CSS中属性的示例
发布时间：2020-06-17 08:31:47 所属栏目：系统 来源：站长网
导读：在工作中编写CSS代码时，经常会出现冗余的代码，特别是用可见即可得工具来编写，为了提高代码的质量及文件压缩到最小，使代码具有可读性，我们不得不把CSS代码简化。 下面用一些比较常用的属性来做示例：margin margin-top:1px; margin-right:1px; margin-
|
在工作中编写CSS代码时，经常会出现冗余的代码，特别是用“可见即可得”工具来编写，为了提高代码的质量及文件压缩到最小，使代码具有可读性，我们不得不把CSS代码简化。 下面用一些比较常用的属性来做示例： margin margin-top:1px; margin-right:1px; margin-bottom:1px; margin-left:1px; 代码简化为：margin:1px margin-top:1px; margin-right:2px; margin-bottom:1px; margin-left:2px; 代码简化为：margin:1px 2px margin-top:1px; margin-right:2px; margin-bottom:3px; margin-left:2px; 代码简化为：margin:1px 2px 3px margin-top:1px; margin-right:2px; margin-bottom:3px; margin-left:4px; 代码简化为：margin:1px 2px 3px 4px 当属性值是0的时候单位可以不写如：0px 直接就写成0 padding padding的书写方法和margin一样，在此就不多叙述 border border-width:1px; border-style:solid; border-color:#000000; 代码简化为：border:1px solid #000 background background-color:#CCFFFF; background-image:url(图片路径); background-repeat:repeat-x; background-position:5px 4px; 代码简化为：background:#CFF url(图片路径) repeat-x 5px 4px font font-size:26px; font-weight:bold; font-family: “宋体”; 代码简化为：font:26px bold “宋体” color属性值 color:#000000; color:#ff0000; 代码简化为：color:#000, color:#f00 （编辑：晋中站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
