CSS3属性选择器

CSS3 概述

CSS3确实非常非常强大,基本规则十分简单,但是使用起来确实千变万化。而且从动画这个角度来讲m确实可以省去很多js代码。利用css3可以做出很多非常有意思的效果

学习CSS3之前必须要说明的几个问题

• 浏览器支持问题(IE6789都别想了)

• 厂商前缀问题(涉及到内核-webkit-,-moz-,-ms-,-o-)

• 在JS中的写法:

• -webkit-transtion ==>WebkitTranstion;
• -o-transtion ==>OTransition
• -moz-transtion ==>MozTranstion

CSS3属性选择器但是记住了不能是数字开头

• E[attr] 只使用属性名,但没有确定任何属性值
• E[attr=value] 指定属性名,并指定了该属性的属性值
• E[attr_{=value]指定属性名,并有属性值.此属性值是一个词列表,并且以空格隔开,其中词列表包含了一个value词,而且等号前面的"}"不能不写
• E[attr^=value]指定了属性名,并且有属性值,属性值是以value开头的
• E[attr$=value]指定了属性名,并且有属性值,而且属性值是以value结束的
• E[attr*=value]指定了属性名,并且有属性值,而且属性中包含了value
• E[attr|=value]指定了属性名,并且属性值是value或者以"value-"开头的值比如说(zh-cn)
• 实例百度文库
• 备注:IE7以上支持

CSS属性代码基础版本

    
    
    



1111
2222
3333
4444
5555
2222
2222
2222

百度文库效果图

2017-05-02_164743.jpg

    
    
    




    
TEXT文档
    
PPT文档
    
SWF文档
    
w文档
    
x文档