CSS教程:条件CSS的介绍

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

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

【 tulaoshi.com - Web开发 】

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

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

(本文来源于图老师网站,更多请访问http://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');

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

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

延伸阅读
标签: Web开发
使用CSS来定位页面内层的位置,一直是比较难以掌握的事情,很多时候,往往被绝对定位的元素,总是以浏览器的左上角为坐标原点,此时,如果浏览器的大小改变,被定义的层就会偏离设计想要的位置,让人很挠头。 其实,要想控制好层的绝对定位,只要理解CSS中关于定位(position)的定义,一切就会变得轻松简单。 CSS中关于定位...
标签: Web开发
有三种方法应用CSS 一、In-line 行内 行内样式是在html标签里直接使用style属性  p style="color: red"text/p 设定段落文字红色。 但要记住,最后的HTML应该是独立出来,使用表现文档,所以行内样式应该在任何地方避免。 二、Internal 内部 使用于整个页面的植入内部样式在head标签里面,styl...
标签: Web开发
对CSS网页布局的技巧,可谓是名目繁多。这里将适合新手的CSS网页布局的小技巧总结出来,或许对您更有实际的参考价值: 1、ul标签在Mozilla中默认是有padding值的,而在IE中只有margin有值。 2、同一个的class选择符可以在一个文档中重复出现,而id选择符却只能出现一次;对一个标签同时使用class和id进行CSS定义,如果定义有重复,id选...
标签: Web开发
在讲CSS优先级之前,我们得要了解什么是CSS,CSS是用来做什么的。 首先,我们对CSS作一个简单的说明:CSS是层叠样式表(Cascading Style Sheets)的简称。它的规范代表了互联网历史上一个独特的发展阶段。现在对于从事网页制作的朋友来说,应该很少没有听说过CSS了,因为在制作网页过 程中我们经常需要用到。 其次:我们能通过CSS为文档设...
标签: Web开发
滑动门(Sliding Doors) 还是决定把滑动门单独提作一种单独的技术. 它是CSS引入的一项用来创造漂亮且实用的界面的新技术, 它使用简单, 我们只需要使用两张单独的背景图片, 就可以实现。 滑动门一般用做网站Tab导航, 根据Tab中内容的长短自动缩放Tab的效果. 前面所述的圆角矩形只是它的一种实现方式而已. 真正的滑动门只需要...

经验教程

399

收藏

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