百度文库页面,使用CSS3选择器

来源:互联网 发布:布尔矩阵运算法则 编辑:程序博客网 时间:2024/03/29 18:47
初步接触接触了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的相关知识,感觉写的不是蛮好,应该还可以优化,附上源代码下载

呵呵,每天学习一点CSS3  ------------------------------

0 0
原创粉丝点击