当前位置: 网站建设 > 网页设计 > 建站经验 >

CSS代码缩写精简实例

时间:2013-03-02 03:43来源:未知 作者:admin 点击:

标签:CSS代码缩写精简实例 实例(55)精简(5)Tag(145)f(5)缩写(3)代码(82)CSS(655)
Tag:实例 精简 代码 p { font: italic bold 1em/1.5 courier; } 字体属性同样可以使用font属性合并。 把它们总结在一起,试下下面的代码: 所以下面的代码: p { border-width: 1px 5px 10px 20px; } border-width, CSS书写顺序建议及CSS HACK(FF } --> [网
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代码缩写精简实例相关文章
上一篇:CSS代码整合(下) 下一篇:CSS仿360体验版左侧导航菜单
回到顶部