-
结构性伪类选择器—root :root选择器,从字面上我们就可以很清楚的理解是根选择器,他的意思就是匹配元素E所在文档的根元素。在HTML文档中,根元素始终是<html>。 “:root”选择器等同于<html>元素,简单点说: :root{background:orange} html {background:orange;} 得到的效果等同。 建议使用:root方法。 另外在IE9以下还可以借助“:root”实现hack功能查看全部
-
属性选择器: E[att^="value"]选择属性值以value开头的任何字符串。 E[att$="value"]选择属性值以value结束的任何字符串。 E[att*="value"]选择属性值任意位置包含value的任何字符串。 注意:value的引号可选查看全部
-
3D旋转视频展示区查看全部
-
Y是一个可选参数,如果没有设置Y值,则表示X,Y两个方向的缩放倍数是一样的。查看全部
-
css3针对浏览器的私有属性: -webkit chrome和safari -moz firefox -ms IE查看全部
-
新增特性查看全部
-
mark,使用伪元素制作导航分隔线查看全部
-
多重背景,也就是CSS2里background的属性外加origin、clip和size组成的新background的多次叠加,缩写时为用逗号隔开的每组值;用分解写法时,如果有多个背景图片,而其他属性只有一个(例如background-repeat只有一个),表明所有背景图片应用该属性值。 语法缩写如下: background : [background-color] | [background-image] | [background-position][/background-size] | [background-repeat] | [background-attachment] | [background-clip] | [background-origin],... 注意:position应该先left/right后top/bottom,background-size可用多种形式表示。查看全部
-
box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];查看全部
-
linear-gradient(to left, red, orange,yellow,green,blue,indigo,violet)渐变 text-shadow: 2px 2px 0 #E4F1FF;查看全部
-
border-image:url(http://img1.sycdn.imooc.com//52e22a1c0001406e03040221.jpg) 70 repeat查看全部
-
box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];查看全部
-
CSS3把很多以前需要使用图片和脚本来实现的效果、甚至动画效果,只需要短短几行代码就能搞定。比如圆角,图片边框,文字阴影和盒阴影,过渡、动画等。 @Font-Face 轻松实现定制字体。 border-radius:圆角边框查看全部
-
IE10以后也开始全面支持CSS3; 虽然目前较新版本的浏览器都是不需要前缀的,但为了更好的向前兼容前缀还是少不了的。 chrome&Safari:-webkit; Firefox:-moz; IE(10以上):-ms; opera:-o查看全部
-
scale()的取值默认的值为1,当值设置为0.01到0.99之间的任何值,作用使一个元素缩小;而任何大于或等于1.01的值,作用是让元素放大。查看全部
举报
0/150
提交
取消