css属性缩写技巧-网站制作者不可少-智软工作室

智软工作室主要是为宁波公司提供宁波网站建设,宁波网站制作,宁波做网站公司，宁波外贸网站建设公司,宁波网站优化等项目,以优质的服务，优惠的价格，深的客户信赖。相信有你的加入我们的明天会更有动力！期待与你合作！

2014已经悄然到来，在新的一年我们恭贺所有客户事业蒸蒸日上，同事庆祝智软设计工作室成立5周年，在5周年为众多客户提供了保质量的网站设计与网站制作。我们在新的一年质量与服务将会更加进一步为更多的客户带来高端的网站设计与服务！期待与你合作
智软设计工作室多年为宁波企业网站制作建设服务一直以来我们以最优惠价格，最优质的质量，最突出的设计！得到了客户的一致认可,我们的服务包括：宁波网站设计,宁波网站建设,宁波网站制作,宁波网站优化,宁波英文网站制作我们会以优质的服务,最低的价格来报答客户!
点击连接网站优化推广-对企业的网站优化和网站推广--对企业的重要性-点击进行详细了解
2014开幕，宁波智软设计为宁波企业提供更加优秀的设计和实惠的价格
智软设计工作为宁波客户网站设计案例展示平台-案例均为定期更新，让新老客户更好的看到我们做的案例，点击查看我们做的网站案例吧！
智软(宁波网络公司)帮你轻松解决网络问题，网站一站式解决方案

css属性缩写技巧-网站制作者不可少

2010-02-09 18:03

今天小戴和大家来说下。网站制作中CSS的一些技巧。今天说的是属性缩写技巧，为什么要属性缩写应该不用说了。

大家减少，运行速度就快。好了下面开始！

margin,pdding和border-width允许合并margin-top-width, margin-right-width, margin-bottom-width等等，形式像这样：property:top right bottom left;逆时针顺序。
所以下面的：

Example Source Code：
p {
    border-top-width: 1px;
    border-right-width: 5px;
    border-bottom-width: 10px;
    border-left-width: 20px;
}

可以写成：

Example Source Code：
p {
border-width: 1px 5px 10px 20px;
}

border-width,border-color,border-style同样可以合并到一起，例如：

Example Source Code：
p {
border: 1px red solid;
}

（同样可以运用到border-top,border-right等等）

如果只使用两个值（比如margin: 1em 10em;），第一个值包括顶部和底部，第二个值包括左右。

字体属性同样可以使用font属性合并。

Example Source Code：
p {
font: italic bold 1em/1.5 courier;
}

（上面"/1.5"是 line-height的值）

把它们总结在一起，试下下面的代码：

Example Source Code：
p {
    font: 1em/1.5 "Times New Roman", times, serif;
    padding: 3em 1em;
    border: 1px black solid;
    border-width: 1px 5px 5px 1px;
    border-color: red green blue yellow;
    margin: 1em 5em;
}

OK。。相信大家学会了!