• 指间主站
• 空间域名
• 企业邮局
• 在线商城
• 帮助中心
• 支付方式
• 收藏本站

• 域名注册
• 网站建设
• 虚拟主机
• 企业邮局
• 智能建站
• 平面设计
• 多媒体制作
• 改版维护
• 网站推广
• 程序开发
• 电脑维修

• ·联系电话:+86.023-75585550
• ·联系传真:+86.023-75585550
• ·24小时手机:13896886023
• ·QQ 咨 询：361652718 513960520

为大家介绍简单的CSS优化。
涉及优化内容：
1、CSS代码优化
2、CSS重用优化

一、CSS代码优化地方：
1、border(CSS边框)简写：
border-top:1px solid #000;border-bottom:1px solid #000;border-left:1px solid #000;border-right:1px solid #000;
可以简写为：border:1px solid #000;

2、padding（CSS padding）简写：
padding-top:1px;padding-right:2px;padding-bottom:3px;padding-left:4px;
可简写为：padding:1px 2px 3px 4px;
padding-top:1px;padding-right:1px;padding-bottom:1px;padding-left:1px;
可简写为：padding:1px;

3、margin简写
margin-top:1px;margin-right:2px;margin-bottom:3px;margin-left:4px;
可简写为：margin:1px 2px 3px 4px;
margin-top:1px;margin-right:1px;margin-bottom:1px;margin-left:1px;
可简写为：margin:1px;

4、background简写
background-color:#000;可以简写为background:#000;
background-image:url(图片地址)
可简写为：background:url(图片地址)

5、font简写
font-size:12px; line-height:12px; font-family:Arial, Helvetica, sans-serif;
可简写为：font:12px/12px Arial, Helvetica, sans-serif;

二、CSS重用优化
这里主要介绍是CSS代码的共用属性提取来达到节约代码、维护方便，CSS实例如下：
.webjxcom_a{ width:100px; height:20px; text-align:left; float:left; font-size:24px;}
.webjxcom_b{ width:100px; height:20px; text-align:right; float:left; font-size:24px;}
他们都有相同高度、宽度、浮动、文字大小，而只有内容居左居右不同(你可能需要了解CSS居中)，我们就可以提取他们相同属性
优化后:
.webjxcom_a ,.webjxcom_b{ width:100px; height:20px; text-align:left; float:left; font-size:24px;}
.webjxcom_b{text-align:right; }