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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
最热 最新
  • TB爱JN
    在自适应布局当中，在元素基础上添加内距padding，按照标准盒模型解析，往往会将布局撑破，但使用box-sizing的border-box值，可以让你轻松完成。
    查看全部
    0 采集 收起 来源：CSS3 盒子模型

    2015-11-22

  • 廿轻语
    background-size: auto 不改变 长度值 成对出现 百分比 0%-100%之间的任何值 cover覆盖，将北京图片等比例缩放以填满整个容器 contain 容纳 等比例紧贴容器边缘为止
    查看全部
    0 采集 收起 来源：CSS3背景 background-size

    2015-11-21

  • 廿轻语
    background-origin设置元素北京图片的原始位置 background-origin:border-box|padding-box|content-box; 参数分别表示北京图片是从边距，还是内边框，或者是内容区域开始显示
    查看全部
    0 采集 收起 来源：CSS3背景 background-origin

    2015-11-21

  • 廿轻语
    text-shadow文本阴影 语法text-shadow:X-Offset Y-Offset blur Color X-Offset阴影水平偏移距离 Y-Offset阴影垂直偏移距离 Blur：阴影模糊度 Color阴影颜色 可以使用rgba
    查看全部
    0 采集 收起 来源：CSS3文字与字体 文本阴影text-shadow

    2015-11-21

  • 廿轻语
    @font-face能够加载服务器端的字体文件，让浏览器可以相识用户电脑中没有安装的字体
    查看全部
    0 采集 收起 来源：CSS3文字与字体 嵌入字体@font-face

    2015-11-21

  • 廿轻语
    text-overflow:clip表示剪切 text-overflow:ellipsis表示省略标记 若要溢出内容为省略号效果 text-overflow:ellipsis; overflow:hidden;溢出内容隐藏 white-space:nowrap;强制文本在一行显示
    查看全部
    0 采集 收起 来源：CSS3文字与字体 text-overflow 与 word-wrap

    2015-11-21

  • 廿轻语
    /* linear线性渐变 radial径向渐变 linear-gradient线性渐变(to bottom渐变方向，等价于180deg,#fff,#999渐变颜色起始接触点) 省略时默认180deg */
    查看全部
    0 采集 收起 来源：CSS3颜色 渐变色彩 

    2015-11-21

  • qq_M空城空梦_0
    此处需注意的是元素累加效果，第一次写成了transform:skew(0deg);没有改变，应是transform:skew(-45deg);
    查看全部
    0 采集 收起 来源：CSS3中的变形--扭曲 skew()

    2015-11-21

  • 西西不小心
    Keyframes被称为关键帧，其类似于Flash中的关键帧。在CSS3中其主要以“@keyframes”开头，后面紧跟着是动画名称加上一对花括号“{…}”，括号中就是一些不同时间段样式规则。
    查看全部
    1 采集 收起 来源：CSS3 Keyframes介绍

    2015-11-21

  • qq_春暖花开_pc
    外部阴影：x值为正时，阴影部分位于右边框外，值为负数时：阴影部分位于左边框外；Y值为正数时：阴影部分位于下边框外，值为负数时：阴影部分位于上边框外。 外部阴影相反。
    查看全部
    0 采集 收起 来源：CSS3边框 阴影 box-shadow（一）

    2015-11-21

  • 西西不小心
    transition-delay属性和transition-duration属性极其类似，不同的是transition-duration是用来设置过渡动画的持续时间，而transition-delay主要用来指定一个动画开始执行的时间，也就是说当改变元素属性值后多长时间开始执行。 有时我们想改变两个或者多个css属性的transition效果时，只要把几个transition的声明串在一起，用逗号（“，”）隔开，然后各自可以有各自不同的延续时间和其时间的速率变换方式。但需要值得注意的一点：第一个时间的值为 transition-duration，第二个为transition-delay。 例如：a{ transition: background 0.8s ease-in 0.3,color 0.6s ease-out 0.3;}
    查看全部
    0 采集 收起 来源：CSS3中的动画--过渡延迟时间 transition-delay

    2015-11-21

  • 西西不小心
    transition-timing-function属性指的是过渡的“缓动函数”。主要用来指定浏览器的过渡速度，以及过渡期间的操作进展情况，其中要包括以下几种函数：transition-timing-function :ease linear ease-in ease-out ease-in-out
    查看全部
    0 采集 收起 来源：CSS3中的动画--过渡函数 transition-timing-function

    2015-11-21

  • 西西不小心
    transition-duration属性主要用来设置一个属性过渡到另一个属性所需的时间，也就是从旧属性过渡到新属性花费的时间长度，俗称持续时间。
    查看全部
    0 采集 收起 来源：CSS3中的动画--过渡所需时间 transition-duration

    2015-11-21

  • qq_心随风动_0
    当Y轴为负时，模糊方向向上,Y轴为正时，模糊方向向下
    查看全部
    0 采集 收起 来源：CSS3边框 阴影 box-shadow（二）

    2015-11-21

  • 西风潇潇
    终于做出来了效果。 如果想使li背景颜色填满整个框，第一步应这样写：.slider li:nth-of-type(1) a {} 官方给的参考代码中有错误，不能实现想要呈现的效果，因为其class选择器引用错误，其引用的是.slide， 正确的应是.slider
    查看全部
    0 采集 收起 来源：切换背景图像综合练习题

    2015-11-21

首页上一页695696697698699700701下一页尾页

举报

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

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

查看已购买的课程