条件CSS(ConditionalCSS)介绍网页设计 -电脑资料

电脑资料 时间:2019-01-01 我要投稿
【www.unjs.com - 电脑资料】

    Conditional-CSS允许你针对单一浏览器或浏览器组写出有逻辑条件的可维护的特定的CSS声明,

条件CSS(ConditionalCSS)介绍网页设计

使CSS针对特定的浏览器。

简化你对CSS文件的维护。

优化你的CSS。

解决CSS那些使人烦恼的小BUG。

自动扩展和引入@import声明。

它是免费和开源的!

    毫无疑问,你会发现很多情况下,不同的浏览器需要不同的样式声明,针对这一点,Conditional-CSS可以让你在你的CSS声明中添加Internet Explorer内置式条件样式。例子:

   

<span>/* Conditional-CSS example */</span>a<span>.button_active</span><span>,</span>a<span>.button_unactive</span><span>{</span><span>display</span><span>:</span>inline-<span>block</span><span>;</span><span>[</span>if lte Gecko<span>1.8</span><span>]</span><span>display</span><span>:</span>-moz-inline-stack<span>;</span><span>[</span>if lte Konq<span>3.1</span><span>]</span><span>float</span><span>:</span><span>left</span><span>;</span><span>height</span><span>:</span><span>30px</span><span>;</span><span>[</span>if IE<span>5.0</span><span>]</span><span>margin-top</span><span>:</span><span>-1px</span><span>;</span><span>text-decoration</span><span>:</span><span>none</span><span>;</span><span>outline</span><span>:</span><span>none</span><span>;</span><span>[</span>if IE<span>]</span><span>text-decoration</span><span>:</span>expression<span>(</span>hideFocus<span>=</span><span>"true"</span><span>)</span><span>;</span><span>}</span>

    要开始使用Conditional-CSS需要选择正确的编译器为你的服务器平台下载一个合适的版本,并阅读使用指南或者在你的浏览器上观看演示(原始CSS),

电脑资料

条件CSS(ConditionalCSS)介绍网页设计》(https://www.unjs.com)。

    原文出自:http://www.conditional-css.com/

    译文地址:http://www.qianduan.net/?p=6166

    相关阅读:

    Conditional-CSS的使用

    Conditional-CSS的高级用法

最新文章