CSS教程:条件CSS的介绍

2016-02-19 15:17 6 1 收藏

岁数大了,QQ也不闪了,微信也不响了,电话也不来了,但是图老师依旧坚持为大家推荐最精彩的内容,下面为大家精心准备的CSS教程:条件CSS的介绍,希望大家看完后能赶快学习起来。

【 tulaoshi.com - Web开发 】

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

使CSS针对特定的浏览器。
简化你对CSS文件的维护。
优化你的CSS。
解决CSS那些使人烦恼的小BUG。
自动扩展和引入@import声明。
它是免费和开源的!
毫无疑问,你会发现很多情况下,不同的浏览器需要不同的样式声明,针对这一点,Conditional-CSS可以让你在你的CSS声明中添加Internet Explorer内置式条件样式。例子:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

来源:https://www.tulaoshi.com/n/20160219/1609301.html

延伸阅读
标签: Web开发
让你的样式完美兼容各大浏览器,这个方案主要是用来解决Safari的,Opear是在测试的时候顺带试了一下,结果发现竟然也行,所以顺便也解决了。 .e {/*FF OP*/ background-color: #FF0000 } html* .e{/*Sa IE7 OP*/ background-color:#FF00FF } *+html .e{ background-color:#000000;/*OP*/ *background-color:#0000FF;/*IE7*/ } * html...
标签: Web开发
滑动门(Sliding Doors) 还是决定把滑动门单独提作一种单独的技术. 它是CSS引入的一项用来创造漂亮且实用的界面的新技术, 它使用简单, 我们只需要使用两张单独的背景图片, 就可以实现。 滑动门一般用做网站Tab导航, 根据Tab中内容的长短自动缩放Tab的效果. 前面所述的圆角矩形只是它的一种实现方式而已. 真正的滑动门只需要...
标签: Web开发
越来越多的大型网站开始关注、使用css,对于管理多个复杂css文件显然是有异议的。下面是二系列内容中的第一部分,第一部分我们关注对于管理样式的观点,并在其基础上总结出可行的方案。第二部分我们将对以上结论进行对比。 强大的css技术最近几年已经被广泛推广了。感谢(以及后来的 ,)和(禅意花园)。 除此之外,有越来越多的设计师加强...
标签: Web开发
使用CSS来定位页面内层的位置,一直是比较难以掌握的事情,很多时候,往往被绝对定位的元素,总是以浏览器的左上角为坐标原点,此时,如果浏览器的大小改变,被定义的层就会偏离设计想要的位置,让人很挠头。 其实,要想控制好层的绝对定位,只要理解CSS中关于定位(position)的定义,一切就会变得轻松简单。 CSS中关于定位...
标签: Web开发
有三种方法应用CSS 一、In-line 行内 行内样式是在html标签里直接使用style属性  p style="color: red"text/p 设定段落文字红色。 但要记住,最后的HTML应该是独立出来,使用表现文档,所以行内样式应该在任何地方避免。 二、Internal 内部 使用于整个页面的植入内部样式在head标签里面,styl...

经验教程

485

收藏

56
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部