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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
最热 最新
  • TCircley
    background-origin 设置元素背景图片的原始起始位置。
    查看全部
    0 采集 收起 来源：CSS3背景 background-origin

    2015-07-18

  • TCircley
    border-image: 1.repeat:重复 2.round:平铺 3.stretch:拉伸
    查看全部
    0 采集 收起 来源：CSS3边框 为边框应用图片 border-image

    2015-07-18

  • Olown
    ul > li:first-child { color: red; }
    查看全部
    0 采集 收起 来源：CSS3 结构性伪类选择器—first-child

    2018-03-22

  • 九天化宇
    RGB是一种色彩标准，是由红(R)、绿(G)、蓝(B)的变化以及相互叠加来得到各式各样的颜色。RGBA是在RGB的基础上增加了控制alpha透明度的参数。 语法： color：rgba(R,G,B,A)
    查看全部
    0 采集 收起 来源：CSS3颜色 颜色之RGBA

    2015-07-17

  • 樱桃小丸子_0002
    background-clip 用来将背景图片做适当的裁剪以适应实际需要。 语法： background-clip ： border-box | padding-box | content-box | no-clip 参数分别表示从边框、或内填充，或者内容区域向外裁剪背景。no-clip表示不裁切，和参数border-box显示同样的效果。backgroud-clip默认值为border-box。
    查看全部
    0 采集 收起 来源：CSS3背景 background-clip

    2015-07-17

  • 樱桃小丸子_0002
    background-origin 设置元素背景图片的原始起始位置。 语法： background-origin ： border-box | padding-box | content-box; 参数分别表示背景图片是从边框，还是内边距（默认值），或者是内容区域开始显示
    查看全部
    0 采集 收起 来源：CSS3背景 background-origin

    2015-07-17

  • 樱桃小丸子_0002
    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
    查看全部
    0 采集 收起 来源：CSS3文字与字体 文本阴影text-shadow

    2015-07-17

  • web_code
    好吧 并不是那么简单
    查看全部
    0 采集 收起 来源：切换背景图像综合练习题

    2015-07-17

  • 小霞子
    transform: translate(-50%,-50%);为变形里的位移变化，translate(x,y)表示在x和y轴上移动，正值的情况下分别为向右好人向下。
    查看全部
    0 采集 收起 来源：CSS3中的动画--过渡延迟时间 transition-delay

    2015-07-17

  • 小霞子
    1.记住四个子属性：transition-property(具有过度的css属性) transition-duration （过渡的时间） transition-timing-function（过渡函数） transition-delay(过渡延迟时间) 2.假设你的初始状态设置了样式“width”,“height”,“background”,当你在终始状态都改变了这三个属性，那么all代表的就是“width”、“height”和“background”。如果你的终始状态只改变了“width”和“height”时，那么all代表的就是“width”和“height”。
    查看全部
    0 采集 收起 来源：CSS3中的动画--过渡属性 transition-property

    2015-07-17

  • 樱桃小丸子_0002
    ext-overflow设置是否用省略号表示对象文本的溢出：clip/ellipsis word-wrap设置当前行超过指定容器边界时是否转行：normal/break-word
    查看全部
    0 采集 收起 来源：CSS3文字与字体 text-overflow 与 word-wrap

    2015-07-16

  • 樱桃小丸子_0002
    但是text-overflow只是用来说明文字溢出时用什么方式显示，要实现溢出时产生省略号的效果，还须定义强制文本在一行内显示（white-space:nowrap）及溢出内容为隐藏（overflow:hidden），只有这样才能实现溢出文本显示省略号的效果，代码如下： text-overflow:ellipsis; overflow:hidden; white-space:nowrap;
    查看全部
    0 采集 收起 来源：CSS3文字与字体 text-overflow 与 word-wrap

    2015-07-16

  • 樱桃小丸子_0002
    background-image:linear-gradient(to left, red, orange,yellow,green,blue,indigo,violet); to top 从下往上 to right 从左到右 to left 从右到左 to bottom 从上到下 to top left 右下角到左上角 to top right 左下角到右上角
    查看全部
    0 采集 收起 来源：CSS3颜色 渐变色彩 

    2015-07-16

  • 小霞子
    matrix() 是一个含六个值的(a,b,c,d,e,f)变换矩阵，用来指定一个2D变换，相当于直接应用一个[a b c d e f]变换矩阵。就是基于水平方向（X轴）和垂直方向（Y轴）重新定位元素,此属性值使用涉及到数学中的矩阵， a为元素的水平伸缩量，1为原始大小； b为纵向扭曲，0为不变； c为横向扭曲，0不变； d为垂直伸缩量，1为原始大小； e为水平偏移量，0是初始位置； f为垂直偏移量，0是初始位置
    查看全部
    0 采集 收起 来源：CSS3中的变形--矩阵 matrix()

    2015-07-16

  • 贾啊贾啊贾综艺
    box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];
    查看全部
    0 采集 收起 来源：CSS3边框 阴影 box-shadow（一）

    2015-07-16

首页上一页863864865866867868869下一页尾页

举报

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

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

查看已购买的课程