学院首页>网页制作>CSS>CSS自定义属性Expression

CSS自定义属性Expression

作者:佚名 来源:Yesky星之海洋 添加时间:2006-5-25 18:26:51
CSS的出现使网页制作者在对网页元素的控制方便许多,当然,有利必有弊,CSS只能对颜色、大小、距离等静态样式有效,对于要实现某些html元素的动态样式就显得有些力不从心。

  有了CSS的自定义属性Expression,可以自己定义属性,自己在属性里写需要的代码,这样就可以结合CSS的特性与JS特效,实现对整体页面上相同元素的控制。是不是觉得有点不可思议?我们先拿新手们经常问的怎么消除页面上的链接虚线框为例。

  通常的做法是:

  粗看或许还体现不出采用expression的优势,但如果你的页面上有几十甚至上百个链接,这时的你难道还会机械式地Ctrl+C,Ctrl+V么,何况两者一比较,哪个产生的冗余代码更多呢?

采用expression的做法如下:

<input type="text"><input type="text"><input type="text">

  看了这么多,感觉怎么样,是不是有点概念了呢。使用CSS的自定义属性很简洁地用较少的代码实现了用JS产生的相同的效果,真正起到了事半功倍的作用,你还不赶快去试试?

站内搜索