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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
  • 在Web的表单中,有些表单元素有可用(“:enabled”)和不可用(“:disabled”)状态,比如输入框,密码框,复选框等。在默认情况之下,这些表单元素都处在可用状态。那么我们可以通过伪选择器“:enabled”对这些表单元素设置样式。
    查看全部
  • “:only-of-type”选择器用来选择一个元素是它的父元素的唯一一个相同类型的子元素。这样说或许不太好理解,换一种说法。“:only-of-type”是表示一个元素他有很多个子元素,而其中只有一种类型的子元素是唯一的,使用“:only-of-type”选择器就可以选中这个元素中的唯一一个类型子元素。
    查看全部
  • “:only-child”选择器选择的是父元素中只有一个子元素,而且只有唯一的一个子元素。也就是说,匹配的元素的父元素中仅有一个子元素,而且是一个唯一的子元素。
    查看全部
  • “:nth-last-of-type(n)”选择器和“:nth-of-type(n)”选择器是一样的,选择父元素中指定的某种子元素类型,但它的起始方向是从最后一个子元素开始,而且它的使用方法类似于上节中介绍的“:nth-last-child(n)”选择器一样。
    查看全部
  • “:last-of-type”选择器和“:first-of-type”选择器功能是一样的,不同的是他选择是父元素下的某个类型的最后一个子元素。
    查看全部
  • :nth-child:是选择父元素下的第几个元素,不分标签类别,计数从1开始 :nth-of-type:是选择父元素下的同类型元素的第几个元素。区分标签类别,计数从1开始 p:first:选择第一个出现的p元素 p:first-child:为第一个元素且为p才会被选择,否则不选 p:first-of-type:为p元素集合中第一个
    查看全部
  • 在初始背景色为black,与动画内的from red to blue的颜色不同,4种效果如下: none:开始初始色black,经过动画内的red blue,最后回到初始色black; both:开始为red,最后为blue,只运行动画内颜色,无视初始色black; forwards:开始为初始色black,经过动画内的red blue,最后停留在blue;若animation-iteration-count>1,第二次是从red开始运行; backwards:开始为red,经过blue,最后停留在初始色black;若animation-iteration-count>1,则每一次动画结束停留在blue,再从red开始运行,直到最后一次动画结束,停留在初始颜色black。
    查看全部
  • :only-of-type 表示 在父元素下 有一种子元素类型不同于其他子元素类型,或父元素下唯一的子元素
    查看全部
  • 需要加@-webkit-keyframes 和-webkit-animation 才能兼容chrome和safari
    查看全部
  • 个人理解写了注释,不是很透彻。 对三维感兴趣有天赋或者学过CAD的同学应该会比较好理解。
    查看全部
  • matrix() 是一个含六个值的(a,b,c,d,e,f)变换矩阵,用来指定一个2D变换,相当于直接应用一个[a b c d e f]变换矩阵。 a为元素的水平伸缩量,1为原始大小; b为纵向扭曲,0为不变; c为横向扭曲,0不变; d为垂直伸缩量,1为原始大小; e为水平偏移量,0是初始位置; f为垂直偏移量,0是初始位置 区别,在CSS3中的变形,如rotate(),skew(),scale(),translate(),都可以使用矩阵matrix()函数来代替。 Matrix()与translate()关系:translate(x,y)对应Matrix(1,0,0,1,x,y); Matrix()与scale()关系:scale(x,y)对应Matrix(x,0,0,y,0,0); Matrix()与rotate()关系:rotate(x)对应Matrix(cos(x),sin(x),-sin(x),cos(x),0,0) Matrix()与skew()关系:skew(x,y)对应Matrix(1,tan(x),tan(y),1,0,0)
    查看全部
  • translate的百分比是相对于自身的宽高来定义的
    查看全部
  • @font-face{ font-family:字体名称; src:字体文件在服务器上的相对或绝对路径 }
    查看全部
  • text-overflow:clip(表示剪切)|ellipsis(表示显示省略标记) white-space:nowrap(定义强制文本在一行显示)
    查看全部
  • linear-gradient 线性渐变 radial-gradient径向渐变
    查看全部

举报

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

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