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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
最热 最新
  • 七寒谷
    其中n是从0开始计算，当表达式的值为0或小于0的时候，不选择任何匹配的元素。
    查看全部
    0 采集 收起 来源：CSS3 nth-of-type(n)选择器

    2016-05-24

  • qq_夜雨浮丘_0
    background-origin：（的用法）border-box（贴在边框上） | padding-box（位于padding区默认样式） | content-box（位于内容区）;
    查看全部
    0 采集 收起 来源：CSS3背景 background-origin

    2016-05-24

  • 哈喽姑娘
    + 是css的相邻选择符。 关系选择符只有四种,是 空格 + > ~ ：在伪类选择器里会用
    查看全部
    0 采集 收起 来源：CSS3选择器 :checked选择器

    2018-03-22

  • 速写素
    border-radius:10% / 100%;可以产生一个自适应的椭圆
    查看全部
    0 采集 收起 来源：CSS3选择器 ::before和::after

    2016-05-24

  • 铭怨谋易
    div.随意 ｛hight：xxpx;width:xxpx;background:xx;border-radius:xx(左上角） xx（右上角） xx（右下角） xx（左下角）；｝
    查看全部
    0 采集 收起 来源：CSS3边框 圆角效果 border-radius

    2016-05-24

  • Dream0703
    列表边框column-rule column-rule主要是用来定义列与列之间的边框宽度、边框样式和边框颜色。简单点说，就有点类似于常用的border属性。但column-rule是不占用任何空间位置的，在列与列之间改变其宽度不会改变任何列的位置。 语法规则： column-rule:<column-rule-width>|<column-rule-style>|<column-rule-color>
    查看全部
    0 采集 收起 来源：CSS3 列表边框column-rule

    2018-03-22

  • Dream0703
    列间距column-gap column-gap主要用来设置列与列之间的间距，其语法规则如下： column-gap: normal || <length> 取值说明 属性值 属性值说明 normal:默认值，默值为1em（如果你的字号是px，其默认值为你的font-size值）。 <length>:此值用来设置列与列之间的距离，其可以使用px,em单位的任何整数值，但不能是负值。
    查看全部
    0 采集 收起 来源：CSS3 列间距column-gap

    2018-03-22

  • Dream0703
    多列布局——Columns 语法： columns：column-width(每列的宽度)空格column-count（几列）
    查看全部
    0 采集 收起 来源：CSS3 多列布局——Columns

    2016-05-24

  • Dream0703
    设置动画的播放状态 animation-play-state属性主要用来控制元素动画的播放状态。 参数： 其主要有两个值：running和paused。 其中running是其默认值，主要作用就是类似于音乐播放器一样，可以通过paused将正在播放的动画停下来，也可以通过running将暂停的动画重新播放，这里的重新播放不一定是从元素动画的开始播放，而是从暂停的那个位置开始播放。另外如果暂停了动画的播放，元素的样式将回到最原始设置状态。
    查看全部
    0 采集 收起 来源：CSS3中设置动画的播放状态

    2016-05-24

  • Dream0703
    设置动画播放方向 animation-direction属性主要用来设置动画播放方向，其语法规则如下： animation-direction:normal | alternate [, normal | alternate]* 其主要有两个值：normal、alternate 1、normal是默认值，如果设置为normal时，动画的每次循环都是向前播放； 2、另一个值是alternate，他的作用是，动画播放在第偶数从100%--0%播放，第奇数次向0%--100%播放。
    查看全部
    0 采集 收起 来源：CSS3中设置动画播放方向

    2016-05-24

  • Dream0703
    设置动画播放次数 animation-iteration-count属性主要用来定义动画的播放次数。 语法规则： animation-iteration-count: infinite | <number> [, infinite | <number>]* 1、其值通常为整数，但也可以使用带有小数的数字，其默认值为1，这意味着动画将从开始到结束只播放一次。 2、如果取值为infinite，动画将会无限次的播放。
    查看全部
    0 采集 收起 来源：CSS3中设置动画播放次数

    2018-03-22

  • Dream0703
    设置动画开始播放的时间 animation-delay属性用来定义动画开始播放的时间，用来触发动画播放的时间点。和transition-delay属性一样，用于定义在浏览器开始执行动画之前等待的时间。 语法规则： animation-delay:<time>
    查看全部
    0 采集 收起 来源：CSS3中设置动画开始播放的时间

    2018-03-22

  • Dream0703
    设置动画播放方式 animation-timing-function属性主要用来设置动画播放方式。主要让元素根据时间的推进来改变属性值的变换速率，简单点说就是动画的播放方式。 语法规则： animation-timing-function:ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier(<number>, <number>, <number>, <number>) [, ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier(<number>, <number>, <number>, <number>)]* 它和transition中的transition-timing-function一样，具有以下几种变换方式：ease,ease-in,ease-in-out,ease-out,linear和cubic-bezier。
    查看全部
    0 采集 收起 来源：CSS3中设置动画播放方式

    2018-03-22

  • 速写素
    a[class^=column]{background:red;} a[href$=doc]{background:green;} a[title*=box]{background:blue;}
    查看全部
    0 采集 收起 来源：CSS3选择器 属性选择器

    2016-05-24

  • 速写素
    background-position可以分别设置； background-position: left top,center,right bottom;
    查看全部
    0 采集 收起 来源：CSS3背景 multiple backgrounds

    2016-05-24

首页上一页517518519520521522523下一页尾页

举报

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

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

查看已购买的课程