| 网管联盟 | 网管论坛 | 网管u家 | 网管博客 | 网管软件 | 网管求职 | 小游戏 | 网管搜索 | 网管原创 | 网管聚合 | 网管读摘 | 网管焦点 | 世界素材 | 会员投稿 | 会员中心 |
|
| Windows Linux Cisco 网络技术 数据库 黑客攻防 DotNet Java PHP 认证 新闻资讯 服务器 存储资讯 网络设备 网管学堂 技术专题 焦点 网吧频道 |
在工作中编写CSS代码时，经常会出现冗余的代码，特别是用“可见即可得”工具来编写，为了提高代码的质量及文件压缩到最小，使代码具有可读性，我们不得不把CSS代码简化。
下面用一些比较常用的属性来做示例：
网管u家u.bitsCN.com
margin {
margin-top:1px;
网管u家u.bitscn@com
margin-right:1px;
网管网www.bitscn.com
margin-bottom:1px; 中国网管联盟bitsCN.com
margin-left:1px; } 网管联盟bitsCN_com
代码简化为：margin:{1px } 网管论坛bbs_bitsCN_com
{margin-top:1px; 网管网www.bitscn.com
margin-right:2px; 中国网管论坛bbs.bitsCN.com
margin-bottom:1px;
margin-left:2px; } 网管bitscn_com
代码简化为：margin:{1px 2px } 网管bitscn_com
{margin-top:1px; 中国网管联盟bitsCN.com
margin-right:2px; 网管网www_bitscn_com
margin-bottom:3px;
网管网www.bitscn.com
margin-left:2px; }
代码简化为：margin:{1px 2px 3px } 中国网管论坛bbs.bitsCN.com
{margin-top:1px;
中国网管联盟bitsCN.com
margin-right:2px; 网管u家u.bitscn@com
margin-bottom:3px;
网管bitscn_com
margin-left:4px; }
网管论坛bbs_bitsCN_com
代码简化为：margin:{1px 2px 3px 4px }
网管网www.bitscn.com
当属性值是0的时候单位可以不写如：0px 直接就写成0
中国网管论坛bbs.bitsCN.com
padding的书写方法和margin一样，在此就不多叙述
border { 网管u家u.bitscn@com
border-width:1px; 网管下载dl.bitscn.com
border-style:solid;
网管下载dl.bitscn.com
border-color:#000000; } 网管联盟bitsCN@com
代码简化为：border:{1px solid #000 }
background {
网管网www_bitscn_com
background-color:#CCFFFF;
background-image:url(图片路径);
background-repeat:repeat-x; 中国网管联盟bitsCN.com
background-position:5px 4px; } 网管论坛bbs_bitsCN_com
代码简化为：background:{#CFF url(图片路径) repeat-x 5px 4px } 中国网管论坛bbs.bitsCN.com
font { 网管下载dl.bitscn.com
font-size:26px; 网管网www.bitscn.com
font-weight:bold;
网管网www.bitscn.com
font-family: “宋体”; }
代码简化为：font:{26px bold “宋体” }
color属性值 网管联盟bitsCN_com
color:#000000; 网管u家u.bitscn@com
color:#ff0000; 中国网管论坛bbs.bitsCN.com
代码简化为：color:#000, color:#f00 网管论坛bbs_bitsCN_com
|
0
|
评论加载中…
