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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
最热 最新
  • 棒棒糖_Magic
    <img src="image.jpg" data-src-600px="image-600px.jpg" data-src-800px="image-800px.jpg" alt="" /> 对应的CSS代码： @media (min-device-width:600px){ img[data-src-600px]{ content: attr(data-src-600px,url); } } @media (min-device-width:800px){ img[data-src-800px] { content:attr(data-src-800px,url); } }
    查看全部
    0 采集 收起 来源：Responsive设计（一）

    2018-03-22

  • Taurus_
    background-size 设置背景图片的大小，以长度值或百分比显示，还可以通过cover和contain来对图片进行伸缩。 语法： background-size: auto | <长度值> | <百分比> | cover | contain
    查看全部
    0 采集 收起 来源：CSS3背景 background-size

    2018-03-22

  • Taurus_
    background-clip 用来将背景图片做适当的裁剪以适应实际需要。 语法： background-clip ： border-box | padding-box | content-box | no-clip
    查看全部
    0 采集 收起 来源：CSS3背景 background-clip

    2015-04-21

  • Taurus_
    设置元素背景图片的原始起始位置。 语法： background-origin ： border-box | padding-box | content-box;
    查看全部
    0 采集 收起 来源：CSS3背景 background-origin

    2015-04-21

  • Taurus_
    text-shadow: X-Offset Y-Offset blur color;
    查看全部
    0 采集 收起 来源：CSS3文字与字体 文本阴影text-shadow

    2015-04-21

  • Undefeatedrhythum
    在自适应布局当中，在元素基础上添加内距padding，按照标准盒模型解析，往往会将布局撑破，但使用box-sizing的border-box值，可以让你轻松完成。
    查看全部
    0 采集 收起 来源：CSS3 盒子模型

    2015-04-21

  • Undefeatedrhythum
    content-box :默认值，其让元素维持W3C的标准盒模型，也就是说元素的宽度和高度（width/height）等于元素边框宽度（border）加上元素内距（padding）加上元素内容宽度或高度（content width/ height），也就是element width/height = border + padding + content width / height border-box :重新定义CSS2.1中盒模型组成的模式，让元素维持IE传统的盒模型（IE6以下版本和IE6-7怪异模式），也就是说元素的宽度或高度等于元素内容的宽度或高度。从上面盒模型介绍可知，这里的内容宽度或高度包含了元素的border、padding、内容的宽度或高度（此处的内容宽度或高度＝盒子的宽度或高度—边框—内距）。 inherit 使元素继承父元素的盒模型模式
    查看全部
    0 采集 收起 来源：CSS3 盒子模型

    2015-04-21

  • Samuell
    示例代码
    查看全部
    0 采集 收起 来源：CSS3文字与字体 文本阴影text-shadow

    2015-04-21

  • halion
    百分比值是相对于.wrapper的父容器的
    查看全部
    0 采集 收起 来源：CSS3中的变形--位移 translate()

    2015-04-21

  • Samuell
    CSS3 Gradient 分为线性渐变(linear)和径向渐变(radial)。
    查看全部
    0 采集 收起 来源：CSS3颜色 渐变色彩 

    2015-04-21

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

    2018-03-22

  • Undefeatedrhythum
    column-gap主要用来设置列与列之间的间距，其语法规则如下： column-gap: normal || <length>
    查看全部
    0 采集 收起 来源：CSS3 列间距column-gap

    2018-03-22

  • Undefeatedrhythum
    column-count属性主要用来给元素指定想要的列数和允许的最大列数。其语法规则： column-count：auto | <integer>
    查看全部
    0 采集 收起 来源：CSS3 多列布局——column-count

    2018-03-22

  • Yuki_0720
    看到太多了，背景图片的切换效果（不依赖js，点击小图切换大的背景图）
    查看全部
    0 采集 收起 来源：切换背景图像综合练习题

    2015-04-21

  • Undefeatedrhythum
    column-width的使用和CSS中的width属性一样，不过不同的是，column-width属性在定义元素列宽的时候，既可以单独使用，也可以和多列属性中其他属性配合使用。其基本语法如下所示 ； column-width: auto | <length>
    查看全部
    0 采集 收起 来源：CSS3 多列布局——column-width

    2018-03-22

首页上一页985986987988989990991下一页尾页

举报

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

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

查看已购买的课程