为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
十天精通CSS3_学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
  • AAA:last-child{}
    查看全部
  • text-shadow可以用来设置文本的阴影效果。 语法: text-shadow: X-Offset Y-Offset blur color; X-Offset:表示阴影的水平偏移距离,其值为正值时阴影向右偏移,反之向左偏移; Y-Offset:是指阴影的垂直偏移距离,如果其值是正值时,阴影向下偏移,反之向上偏移; Blur:是指阴影的模糊程度,其值不能是负值,如果值越大,阴影越模糊,反之阴影越清晰,如果不需要阴影模糊可以将Blur值设置为0; Color:是指阴影的颜色,其可以使用rgba色。 比如,我们可以用下面代码实现设置阴影效果。 text-shadow: 0 1px 1px #fff
    查看全部
  • CSS3 Gradient 分为线性渐变(linear)和径向渐变(radial)。由于不同的渲染引擎实现渐变的语法不同,这里我们只针对线性渐变的 W3C 标准语法来分析其用法,其余大家可以查阅相关资料。 第一个参数省略时,默认为“180deg”,等同于“to bottom”。 第二个和第三个参数,表示颜色的起始点和结束点,可以有多个颜色值。 background-image:linear-gradient(to left, red, orange,yellow,green,blue,indigo,violet);
    查看全部
  • 在编写CSS3样式时,不同的浏览器可能需要不同的前缀。它表示该CSS属性或规则尚未成为W3C标准的一部分,是浏览器的私有属性,目前较新版本的浏览器都是不需要前缀的,但为了更好的向前兼容前缀还是少不了的。
    查看全部
    0 采集 收起 来源:什么是CSS3?

    2016-09-06

  • 111111
    查看全部
  • transition-timing-function单词不好打
    查看全部
  • 10-8 伸缩布局 第一,屏幕和浏览器窗口大小发生改变也可以灵活调整布局; 第二,可以指定伸缩项目沿着主轴或侧轴按比例分配额外空间(伸缩容器额外空间),从而调整伸缩项目的大小; 第三,可以指定伸缩项目沿着主轴或侧轴将伸缩容器额外空间,分配到伸缩项目之前、之后或之间; 第四,可以指定如何将垂直于元素布局轴的额外空间分布到该元素的周围; 第五,可以控制元素在页面上的布局方向; 第六,可以按照不同于文档对象模型(DOM)所指定排序方式对屏幕上的元素重新排序。也就是说可以在浏览器渲染中不按照文档流先后顺序重排伸缩项目顺序。
    查看全部
  • 9-1 Keyframes关键帧 分别给每个百分比添加效果,0%==from;100%==to;
    查看全部
  • 编写CSS3样式时,不同的浏览器需要不同的前缀,表示该属性尚未成为W3C的标准,是浏览器的私有属性。 -webkit chrome safari -moz firefox -ms ie -o opera
    查看全部
    0 采集 收起 来源:什么是CSS3?

    2016-09-05

  • perspective: http://www.htmleaf.com/ziliaoku/qianduanjiaocheng/201502011313.html http://www.htmleaf.com/pins/1412/201502012157/perspective-03.html http://www.zhangxinxu.com/study/201001/css3-animate-3d-effect-demo.html
    查看全部
  • :empty伪类选择器是选择没有 任何 内容的元素,包括空格 p:empty{} 上面代码就是选择没有任何内容的p标签
    查看全部
  • :not 是否定性伪类选择器 是选择除了指定类型元素的其他所有元素 input:not([type="submit"]){ } :not前面写大类,括号里写需要排除的类型 上面代码的意思是选择除了提交按钮的所有input控件
    查看全部
  • 属性选择器 a[class^=ok]{} ^是开头的意思 匹配元素a,并且该a元素设置了class属性,该class属性的值是以ok开头的 img[title$=t]{} $是结尾的意思 匹配元素Img,并且该img设置了title属性,title属性值是以t结尾的 div[class*=h]{} *是任意位置的意思 匹配元素div,并且该div设置了class属性,该class属性任意位置有h的就行
    查看全部
  • -moz代表firefox浏览器私有属性 -ms代表IE浏览器私有属性 -webkit代表chrome、safari私有属性 -o opera
    查看全部
  • https://dev.opera.com/articles/understanding-the-css-transforms-matrix/
    查看全部

举报

0/150
提交
取消
课程须知
1.html+CSS相关基础知识 2.具有一定的网页制作经验 3.此课程不支持IE9版本以下,建议使用 chrome、safari、firefox、opera浏览器学习本课程。
老师告诉你能学到什么?
1.系统学习CSS3相关知识 2.轻松制作出各种绚丽的效果
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!