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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
最热 最新
  • WYDWYD008
    ::selection 改变鼠标选中文字时的样子 在火狐下需要用::-moz-selection这个代替
    查看全部
    0 采集 收起 来源：CSS3选择器 ::selection选择器

    2015-05-11

  • WYDWYD008
    :checked选择器正对单选和多选的选中元素的选择器
    查看全部
    0 采集 收起 来源：CSS3选择器 :checked选择器

    2015-05-11

  • WYDWYD008
    :enabled和:disabled 表单元素状态选择器，选中表单中有效或无效的元素
    查看全部
    0 采集 收起 来源：CSS3选择器 :enabled选择器

    2015-05-11

  • WYDWYD008
    :only-child”选择器选择的是父元素中只有一个子元素，而且只有唯一的一个子元素。也就是说，匹配的元素的父元素中仅有一个子元素，而且是一个唯一的子元素。
    查看全部
    0 采集 收起 来源：CSS3 only-child选择器

    2015-05-11

  • WYDWYD008
    “:only-of-type”是表示一个元素他有很多个子元素，而其中只有一种类型的子元素是唯一的，使用“:only-of-type”选择器就可以选中这个元素中的唯一一个类型子元素。
    查看全部
    0 采集 收起 来源：CSS3 only-of-type选择器

    2015-05-11

  • WYDWYD008
    和nth-of-type一样nth-last-of-type就是反过来数
    查看全部
    0 采集 收起 来源：CSS3 nth-last-of-type(n)选择器

    2015-05-11

  • WYDWYD008
    还是和last-child一样，只不过是如果父元素里面有多中类型的子元素就用last-of-type
    查看全部
    0 采集 收起 来源：CSS3 last-of-type选择器

    2015-05-11

  • WYDWYD008
    和nth-child的同能一样，区别还是如果父元素中有多种类型的子元素，就用nth-of-type
    查看全部
    0 采集 收起 来源：CSS3 nth-of-type(n)选择器

    2015-05-11

  • WYDWYD008
    和first-child类似，当一个元素里面的子元素，不止一种类型的子元素时，就会要用到first-of-type来选择首个，某种类型的元素
    查看全部
    0 采集 收起 来源：CSS3 first-of-type选择器

    2015-05-11

  • WYDWYD008
    目标选择器，就是给a元素的href属性里加上，其他元素的ID，前面多些一个#号，然后当点击这个a元素的时候就会出发这个选择器
    查看全部
    0 采集 收起 来源：CSS3 结构性伪类选择器—target

    2015-05-11

  • WYDWYD008
    E:empty 这个还有点用，选择空的元素，注意要一个空格都没有的，有些文本编辑器，经常生成一些空的<p></p> 可以用这个选择器将其隐藏
    查看全部
    0 采集 收起 来源：CSS3 结构性伪类选择器—empty

    2018-03-22

  • 转折点20
    原背景色1 ，动画开始色2，变成的色3， none，由1开始，最后回到1， both，由2开始，最后是3 forwards：由1开始，最后是3 backwards：由2开始，最后是1
    查看全部
    1 采集 收起 来源：CSS3中设置动画时间外属性

    2015-05-11

  • John1231
    动画虽然有了，但还是有些不懂，反正是根据代码意思估计出来的功能……
    查看全部
    0 采集 收起 来源：切换背景图像综合练习题

    2015-05-11

  • John1231
    动画虽然有了，但还是有些不懂，反正是根据代码意思估计出来的功能……
    查看全部
    0 采集 收起 来源：切换背景图像综合练习题

    2015-05-11

  • n15
    动画的过渡transition(过渡): background-color .5s ease 1s;设置在元素的初始状态上 含义是：1s后执行背景颜色的0.5s动画 元素需要设置动画初始状态和动画结束状态的css样式 第一个值为变化的css样式，可以是单一的，也可以是all，如果是all的话，可以省略不写 all理解：假设你的初始状态设置了样式“width”,“height”,“background”,当你在终始状态都改变了这三个属性，那么all代表的就是“width”、“height”和“background”。如果你的终始状态只改变了“width”和“height”时，那么all代表的就是“width”和“height”。 第二个值为动画执行的时间 第三个值为动画的执行方式 ease快-慢-慢（先加速再减速再减速）默认值 linear匀速 ease-in慢-快（加速） ease-out快-慢（减速） ease-in-out慢-快-慢（先加速后减速） 第四个值为事件触发后多长时间执行动画（一般不常用） 如果说常用的话，用于下面这种情况 transition:width .5s ease-in 1s,height .5s ease-in 1.5s,background .5s ease-in; 这个效果是：背景颜色先执行0.5s完毕后，再过0.5s，width开始执行0.5s，执行完立刻执行height的动画0.5s transition:border-radius .5s ease-in,background-color .5s ease-out;注意这个效果和上面的不一样，这个效果边框和背景色是同时执行的 transform常常搭配transition使用 如果光有transform(改变)的话，动画执行是很生硬的，一下子到达了动画的结束点 只有搭配了transition才会有动画的过渡效果
    查看全部
    0 采集 收起 来源：CSS3中的动画--过渡属性 transition-property

    2015-05-11

首页上一页956957958959960961962下一页尾页

举报

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

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

查看已购买的课程