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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
  • transition-delay:动画开始执行的时间
    查看全部
  • transition-timing-function:过渡函数 一 功能:指定浏览器的过渡速度,以及过渡期间的操作进展状况 二 主要函数 (1)ease:速度逐渐变慢 (2)linear:恒速 (3)ease-in:加速,即渐显效果 (4)ease-out:减速,即渐隐效果 (5)ease-in-out:先加速再减速
    查看全部
  • trasnsition-duration:过渡时间
    查看全部
  • transition-property 意义:通过鼠标的单击,获得焦点,被点击或对元素任何改变中触发,平滑地以动画效果改变CSS的属性值。 子属性: (1)transition-property:指定过渡或动态模拟的CSS属性 (2)transition-duration:指定完成过渡所需时间 (3)transition-timing-function:指定过渡函数 (4)transition-delay:指定开始出现的延迟时间 注意:! 当transition-property属性设置为all时,表示的是所有终点值的属性
    查看全部
  • transform-origin----对元素进行原点位置改变
    查看全部
  • “:nth-last-of-type(n)”选择器和“:nth-of-type(n)”选择器是一样的,选择父亲元素中指定的某种子元素类型,但他的起始方向是从最后一个元素开始,而且他的使用方法类似以上节中介绍的“:nth-last-child(n)”选择器一样
    查看全部
  • “:last-of-type”选择器和“:first-of-type”选择器的功能是一样的,不同的是他选择的是父亲元素下面的某个类型的最后一个子元素
    查看全部
  • ":nth-of-type(n)"选择器和":nth-child(n)"选择器非常相似,不同的是他只计算父亲元素中制定的某种类型的子元素,当元素中的子元素不单单是同一种类型的子元素时,使用":nth-of-type"选择器来定位与父元素中某一类型的子元素是非常方便和有用的
    查看全部
  • “:read-write”选择器刚好与“:read-only”选择器相反,主要用来指定当元素处于非只读状态时的样式。
    查看全部
  • “:read-only”伪类选择器用来指定处于只读状态元素的样式。简单点理解就是,元素中设置了“readonly=’readonly’
    查看全部
  • “::selection”伪元素是用来匹配突出显示的文本(用鼠标选择文本时的文本)。浏览器默认情况下,用鼠标选择网页文本是以“深蓝的背景,白色的字体”显示的,效果如下图所示:
    查看全部
  • 在表单元素中,单选按钮和复选按钮都具有选中和未选中状态。(大家都知道,要覆写这两个按钮默认样式比较困难)。在CSS3中,我们可以通过状态选择器“:checked”配合其他标签实现自定义样式。而“:checked”表示的是选中状态。
    查看全部
  • 在Web的表单中,有些表单元素有可用(“:enabled”)和不可用(“:disabled”)状态,比如输入框,密码框,复选框等。在默认情况之下,这些表单元素都处在可用状态。那么我们可以通过伪选择器“:enabled”对这些表单元素设置样式。
    查看全部
  • “:only-of-type”选择器用来选择一个元素是它的父元素的唯一一个相同类型的子元素。这样说或许不太好理解,换一种说法。“:only-of-type”是表示一个元素他有很多个子元素,而其中只有一种类型的子元素是唯一的,使用“:only-of-type”选择器就可以选中这个元素中的唯一一个类型子元素。
    查看全部
  • “:only-child”选择器选择的是父元素中只有一个子元素,而且只有唯一的一个子元素。也就是说,匹配的元素的父元素中仅有一个子元素,而且是一个唯一的子元素。
    查看全部

举报

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

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