黑松山资源网

CSS教程：简化CSS中属性的示例
站长资源 2024/12/25 佚名
2 0
黑松山资源网 Design By www.paidiu.com

　　在工作中编写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
黑松山资源网 Design By www.paidiu.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
黑松山资源网 Design By www.paidiu.com
www.paidiu.com 黑松山资源网
39,976影音资源
44,792技术资源
21,817软件资源
651,128站长资源

更新日志

友情链接

杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网 更多链接
黑松山资源网 Design By www.paidiu.com