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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
最热 最新
  • Agony2015
    嵌入字体@font-face @font-face能够加载服务器端的字体文件，让浏览器端可以显示用户电脑里没有安装的字体。 语法： @font-face { font-family : 字体名称; src : 字体文件在服务器上的相对或绝对路径; } 这样设置之后，就可以像使用普通字体一样在（font-*）中设置字体样式。 比如： p { font-size :12px; font-family : "My Font"; /*必须项，设置@font-face中font-family同样的值*/ }
    查看全部
    0 采集 收起 来源：CSS3文字与字体 嵌入字体@font-face

    2018-03-22

  • qq_星际长途_0
    #barand:target 1、具体来说，触发元素的URL中的标志符通常会包含一个#号，后面带有一个标志符名称，上面代码中是：#brand 2、：target就是用来匹配id为“brand”的元素（id="brand"的元素）,上面代码中是那个div元素。 多个url（多个target）处理： 就像上面的例子，#brand与后面的id="brand"是对应的，当同一个页面上有很多的url的时候你可以取不同的名字，只要#号后对的名称与id=""中的名称对应就可以了。
    查看全部
    0 采集 收起 来源：CSS3 结构性伪类选择器—target

    2018-03-22

  • Agony2015
    <style> #border_image { margin:0 auto; height:100px; line-height:100px; text-align:center; font-size:30px; width:450px; border:15px solid #ccc; border-image:url(http://img1.sycdn.imooc.com//52e22a1c0001406e03040221.jpg) 20 repeat; } </style>
    查看全部
    0 采集 收起 来源：CSS3边框 为边框应用图片 border-image

    2018-03-22

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

    2015-09-13

  • ikicw
    column-span主要用来定义一个分列元素中的子元素能跨列多少 此值为column-span的默认值，表示不跨越任何列。 这个值跟none值刚好相反，表示的是元素跨越所有列，并定位在列的Ｚ轴之上。
    查看全部
    0 采集 收起 来源：CSS3 跨列设置column-span

    2015-09-13

  • indd
    1、阴影模糊半径与阴影扩展半径的区别 阴影模糊半径：此参数可选，其值只能是为正值，如果其值为0时，表示阴影不具有模糊效果，其值越大阴影的边缘就越模糊； 阴影扩展半径：此参数可选，其值可以是正负值，如果值为正，则整个阴影都延展扩大，反之值为负值时，则缩小； 2、X轴偏移量和Y轴偏移量值可以设置为负数
    查看全部
    0 采集 收起 来源：CSS3边框 阴影 box-shadow（二）

    2015-09-13

  • ikicw
    column-gap主要用来设置列与列之间的间距
    查看全部
    0 采集 收起 来源：CSS3 列间距column-gap

    2015-09-13

  • indd
    box-shadow是向盒子添加阴影。支持添加一个或者多个。 很简单的一段代码，就实现了投影效果，酷毙了。我们来看下语法： box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式]; 参数介绍：
    查看全部
    0 采集 收起 来源：CSS3边框 阴影 box-shadow（一）

    2015-09-13

  • indd
    圆角效果 border-radius
    查看全部
    0 采集 收起 来源：CSS3边框 圆角效果 border-radius

    2015-09-13

  • indd
    CSS3给我们带来了什么好处呢？简单的说，CSS3把很多以前需要使用图片和脚本来实现的效果、甚至动画效果，只需要短短几行代码就能搞定。比如圆角，图片边框，文字阴影和盒阴影，过渡、动画等。 CSS3简化了前端开发工作人员的设计过程，加快页面载入速度。 CSS3都有哪些强大功能呢？各位小伙伴们先来一睹为快吧！ 选择器 以前我们通常用class、 ID 或 tagname 来选择HTML元素，CSS3的选择器强大的难以置信。它们可以减少在标签中的class和ID的数量更方便的维护样式表、更好的实现结构与表现的分离。 圆角效果 以前做圆角通常使用背景图片，或繁琐的元素拼凑，现在很简单了 border-radius 帮你轻松搞定。块阴影与文字阴影 可以对任意DIV和文字增加投影效果。以前只能用Photoshop做出的图片渐变效果，现在可以用CCS写出来了。IE中的滤镜也可以实现。
    查看全部
    0 采集 收起 来源：CSS3能做什么？

    2015-09-13

  • qq_星际长途_0
    “:root”选择器等同于<html>元素，简单点说： :root{background:orange} html {background:orange;} 得到的效果等同。 建议使用:root方法。 另外在IE９以下还可以借助“:root”实现hack功能。
    查看全部
    0 采集 收起 来源：CSS3 结构性伪类选择器—root

    2018-03-22

  • ikicw
    要显示2栏显示，每栏宽度为200px，代码为 columns: 200px 2;
    查看全部
    0 采集 收起 来源：CSS3 多列布局——Columns

    2015-09-13

  • ikicw
    animation-fill-mode属性定义在动画开始之前和结束之后发生的操作。主要具有四个属性值：none、forwards、backwords和both。 none 默认值，表示动画将按预期进行和结束，在动画完成其最后一帧时，动画会反转到初始帧处 forwards 表示动画在结束后继续应用最后的关键帧的位置 backwards 会在向元素应用动画样式时迅速应用动画的初始帧 both 元素动画同时具有forwards和backwards效果
    查看全部
    0 采集 收起 来源：CSS3中设置动画时间外属性

    2015-09-12

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

    2015-09-12

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

    2015-09-12

首页上一页781782783784785786787下一页尾页

举报

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

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

查看已购买的课程