《
CSS代码缩写精简实例》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302332M2013.htm
Tag:实例  ,
CSS代码整合(下); 精简 代码  ,
CSS代码整合(上);
p {
font: italic bold 1em/1.5 courier;
}
字体属性同样可以使用font属性合并。
把它们总结在一起,试下下面的代码:
所以下面的代码:
p {
border-width: 1px 5px 10px 20px;
}
border-width,CSS书写顺序建议及CSS HACK(FF&IE兼容),border-color,border-style同样能够合并到一起,例如:
p {
border: 1px red solid,CSS之兼容浏览器篇;
}
--> [
网站建设之]CSS代码缩写精简实例
margin,pdding和border-width许可合并margin-top-width, margin-right-width, margin-bottom-width等等,情势像这样:property:top right bottom left;逆时针次序。
(同样可以应用到border-top,border-right等等)
p {
border-top-width: 1px;
border-right-width: 5px;
border-bottom-width: 10px;
border-left-width: 20px;
}
p {
font: 1em/1.5 "Times New Roman", times,CSS之一条龙网站最主要是做好布局, serif;
padding: 3em 1em,CSS中视觉语义不等于基于表现的类;
border: 1px black solid,CSS中背景background-position负值定位深入理解;
border-width: 1px 5px 5px 1px;
border-color: red green blue yellow;
margin: 1em 5em;
}
一些CSS属性容许使用一串值取代很多属性,值使用空格离开。
假如只应用两个值(比方margin: 1em 10em;),第一个值包括顶部跟底部,CSS中的继承与优先级总结,第二个值包含左右。
(上面",CSS中的强制换行与强制不换行;/1.5",CSS中的图片保存方法;是 line-height的值)
可以写成:
(责任编辑:网站建设)
CSS代码缩写精简实例相关文章