本文介绍了如何使用CSS3的属性选择器简化网页样式设置。通过实例展示了如何针对不同链接应用不同背景，避免了传统class命名的方式，提高了开发效率。
初步接触接触了CSS3，了解了点CSS3的选择器，以前我们制作网页，对于同一标签给定不同的CSS样式常常需要给出不同的class，例如
<a href="www.baidu.com/icon_1.jpg"></a>
<a href="www.baidu.com/icon_2.png"></a>，同样是<a>标记，现在如果要给第一个链接设置背景为icon_1.jpg，给第二个链接设置背景为icon_2.png，在以前我们必须分别设置不同的class属性器加以定义，很不方便，现在CSS3中我们只需要使用其中的属性选择器就可以解决了，例如a[href^="value"]、a[href$="value"]、a[href*="value"]就可以解决这个问题了，十分好用、现在制作一个简单的百度文库界面练练手，先给个图片吧，用到的也只有几行代码咯......
完成之后的界面
大致写完了，感觉差距真是蛮大，还有的提高，哎，要学的太多，明天继续
简单的用到了CSS3的相关知识，感觉写的不是蛮好，应该还可以优化，附上源代码下载
呵呵，每天学习一点ＣＳＳ３ －－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
扫一扫
593
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
