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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
最热 最新
  • 颜枫
    颜色之RGBA 语法：color：rgba(R,G,B,A) 以上R、G、B三个参数，正整数值的取值范围为：0 - 255。百分数值的取值范围为：0.0% - 100.0%。超出范围的数值将被截至其最接近的取值极限。并非所有浏览器都支持使用百分数值。A为透明度参数，取值在0~1之间，不可为负值。
    查看全部
    0 采集 收起 来源：CSS3颜色 颜色之RGBA

    2015-08-12

  • 颜枫
    为边框应用图片 border-image 语法： border-image:url(borderimg.png) 70 repeat。 round：平铺 ；repeat：重复； stretch：拉伸；
    查看全部
    0 采集 收起 来源：CSS3边框 为边框应用图片 border-image

    2015-08-12

  • 班大人
    transition: all 3s ease-in-out .8s;(所有属性，持续3秒，先加速再减速变化，延迟0.8秒再执行变化，对于零可以省略)。然后就没有然后。
    查看全部
    0 采集 收起 来源：CSS3中的动画--过渡属性 transition-property

    2015-08-12

  • 程显艺
    列表边框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

  • 程显艺
    列表边框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

  • WebQianDuanGCS
    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-08-12

  • WebQianDuanGCS
    @font-face能够加载服务器端的字体文件，让浏览器端可以显示用户电脑里没有安装的字体。 语法： @font-face { font-family : 字体名称; src : 字体文件在服务器上的相对或绝对路径; } p { font-size :12px; font-family : "My Font"; /*必须项，设置@font-face中font-family同样的值*/ }
    查看全部
    0 采集 收起 来源：CSS3文字与字体 嵌入字体@font-face

    2018-03-22

  • 程显艺
    column-width 宽度 column-count 列数 column-gap主要用来设置列与列之间的间距
    查看全部
    0 采集 收起 来源：CSS3 列间距column-gap

    2015-08-12

  • WebQianDuanGCS
    text-overflow 与 word-wrap text-overflow用来设置是否使用一个省略标记（...）标示对象内文本的溢出。 text-overflow只是用来说明文字溢出时用什么方式显示，要实现溢出时产生省略号的效果，还须定义强制文本在一行内显示（white-space:nowrap）及溢出内容为隐藏（overflow:hidden），只有这样才能实现溢出文本显示省略号的效果. word-wrap也可以用来设置文本行为，当前行超过指定容器的边界时是否断开转行。 word-wrap:normal|break-word normal为浏览器默认值，break-word设置在长单词或 URL地址内部进行换行，此属性不常用，用浏览器默认值即可 .test_demo{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:200px; background:#ccc; }
    查看全部
    0 采集 收起 来源：CSS3文字与字体 text-overflow 与 word-wrap

    2015-08-12

  • WebQianDuanGCS
    右下角向左上角的线性渐变背景:background-image:linear-gradient(to top left,#fff,#eee,#ddd,#ccc,#bbb,#aaa);
    查看全部
    0 采集 收起 来源：CSS3颜色 渐变色彩 

    2015-08-12

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

    2018-03-22

  • WebQianDuanGCS
    第一个参数省略时，默认为“180deg”，等同于“to bottom”。 第二个和第三个参数，表示颜色的起始点和结束点，可以有多个颜色值。 background-image:linear-gradient(to left, red, orange,yellow,green,blue,indigo,violet);
    查看全部
    0 采集 收起 来源：CSS3颜色 渐变色彩 

    2015-08-12

  • WebQianDuanGCS
    CSS3 Gradient 分为线性渐变(linear)和径向渐变(radial)。由于不同的渲染引擎实现渐变的语法不同，这里我们只针对线性渐变的 W3C 标准语法来分析其用法，其余大家可以查阅相关资料。W3C 语法已经得到了 IE10+、Firefox19.0+、Chrome26.0+ 和 Opera12.1+等浏览器的支持。
    查看全部
    0 采集 收起 来源：CSS3颜色 渐变色彩 

    2015-08-12

  • WebQianDuanGCS
    RGB是一种色彩标准，是由红(R)、绿(G)、蓝(B)的变化以及相互叠加来得到各式各样的颜色。RGBA是在RGB的基础上增加了控制alpha透明度的参数。color：rgba(R,G,B,A) 以上R、G、B三个参数，正整数值的取值范围为：0 - 255。百分数值的取值范围为：0.0% - 100.0%。超出范围的数值将被截至其最接近的取值极限。并非所有浏览器都支持使用百分数值。A为透明度参数，取值在0~1之间，不可为负值。 代码示例： background-color:rgba(100,120,60,0.5);
    查看全部
    0 采集 收起 来源：CSS3颜色 颜色之RGBA

    2015-08-12

  • WebQianDuanGCS
    border-image:url(border.png) 70 70 70 70 repeat repeat就是一直重复，然后超出部分剪裁掉，而且是居中开始重复。 Round 参数：Round可以理解为圆满的铺满。为了实现圆满所以会压缩（或拉伸） Stretch 很好理解就是拉伸，有多长拉多长。有多远“滚”多远。
    查看全部
    0 采集 收起 来源：CSS3边框 为边框应用图片 border-image

    2015-08-12

首页上一页818819820821822823824下一页尾页

举报

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

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

查看已购买的课程