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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
最热 最新
  • 慕村3267116
    CSS3文字与字体 text-overflow 与 word-wrap text-overflow用来设置是否使用一个省略标记（...）标示对象内文本的溢出。 语法： 但是text-overflow只是用来说明文字溢出时用什么方式显示，要实现溢出时产生省略号的效果，还须定义强制文本在一行内显示（white-space:nowrap）及溢出内容为隐藏（overflow:hidden），只有这样才能实现溢出文本显示省略号的效果，代码如下： text-overflow:ellipsis; overflow:hidden; white-space:nowrap; 同时，word-wrap也可以用来设置文本行为，当前行超过指定容器的边界时是否断开转行。 语法： normal为浏览器默认值，break-word设置在长单词或 URL地址内部进行换行，此属性不常用，用浏览器默认值即可。
    查看全部
    0 采集 收起 来源：CSS3文字与字体 text-overflow 与 word-wrap

    2017-02-18

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

    2017-02-18

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

    2017-02-18

  • 慕村3267116
    CSS3颜色 颜色之RGBA 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); 任务 在下列代码中的第12行，把文字的背景设置为透明度为 0.5的白色
    查看全部
    0 采集 收起 来源：CSS3颜色 颜色之RGBA

    2017-02-18

  • 慕村3267116
    #border-image{ background:#F4FFFA; width:210px; height:210px; border:70px solid #ddd; border-image:url(borderimg.png) 70 repeat }
    查看全部
    0 采集 收起 来源：CSS3边框 为边框应用图片 border-image

    2017-02-18

  • 慕村3267116
    CSS3边框 为边框应用图片 border-image
    查看全部
    0 采集 收起 来源：CSS3边框 为边框应用图片 border-image

    2017-02-18

  • 慕村3267116
    box-shadow是向盒子添加阴影。支持添加一个或者多个。 很简单的一段代码，就实现了投影效果，酷毙了。我们来看下语法： box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式]; 参数介绍： 注意：inset 可以写在参数的第一个或最后一个，其它位置是无效的。 为元素设置外阴影： 示例代码： .box_shadow{ box-shadow:4px 2px 6px #333333; } 效果： 为元素设置内阴影： 示例代码： .box_shadow{ box-shadow:4px 2px 6px #333333 inset; } 效果： 添加多个阴影： 以上的语法的介绍，就这么简单，如果添加多个阴影，只需用逗号隔开即可。如： .box_shadow{ box-shadow:4px 2px 6px #f00, -4px -2px 6px #000, 0px 0px 12px 5px #33CC00 inset; } 效果：
    查看全部
    0 采集 收起 来源：CSS3边框 阴影 box-shadow（一）

    2017-02-18

  • 慕村3267116
    border-radius是向元素添加圆角边框。 使用方法： border-radius:10px; /* 所有角都使用半径为10px的圆角 */ border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下角，顺时针 */ 不要以为border-radius的值只能用px单位，你还可以用百分比或者em，但兼容性目前还不太好。
    查看全部
    0 采集 收起 来源：CSS3边框 圆角效果 border-radius

    2017-02-18

  • io001
    action = "#" 是form标签的属性，代表提交数据到本页
    查看全部
    0 采集 收起 来源：CSS3选择器 :checked选择器

    2018-03-22

  • 利木
    .wrapper > div:nth-of-type(2n-1), .wrapper > p:nth-of-type(2n){ background: orange; } /*或者*/ .wrapper > div:nth-of-type(2n+1), .wrapper > p:nth-of-type(2n){ background: orange; } /*或者*/ .wrapper > div:nth-of-type(odd), .wrapper > p:nth-of-type(even){ background: orange; }
    查看全部
    0 采集 收起 来源：CSS3 nth-of-type(n)选择器

    2018-03-22

  • io001
    匹配的元素的父元素中仅有一个子元素，而且是一个唯一的子元素
    查看全部
    0 采集 收起 来源：CSS3 only-child选择器

    2017-02-17

  • io001
    在“:nth-of-type(n)”选择器中的“n”和“:nth-child(n)”选择器中的“n”参数也一样，可以是具体的整数，也可以是表达式，还可以是关键词。
    查看全部
    0 采集 收起 来源：CSS3 nth-of-type(n)选择器

    2017-02-17

  • 利木
    【学完这课后必须再来写一遍！！！！！】 最好的答案： http://www.imooc.com/course/qadetail/qid/7970?t=304119&page=1
    查看全部
    0 采集 收起 来源：CSS3背景 制作导航菜单综合练习题

    2018-03-22

  • 德坤
    columns: 200px 2; 宽度200 两列 column-width: auto | <length> 定义宽度 column-count：auto | <integer指定多少列 column-gap: normal || <length> 列表的间距 column-rule:<column-rule-width>|<column-rule-style>|<column-rule-color> 定义列与列之间的边框宽度、边框样式和边框颜色（在列与列之间改变其宽度不会改变任何列的位置。 ） column-span: none | all 来定义一个分列元素中的子元素能跨列多少
    查看全部
    0 采集 收起 来源：Media Queries——媒体类型（一）

    2018-03-22

  • 德坤
    总结下，CSS3中的三种动画:tranform形变动画/transition缓动动画/animation逐帧动画; tranform: rotate旋转/skew扭曲/scale缩放/translate移动/matrix矩阵变形; transition: property/当设置为all时，表示更改所有中点值的属性 /duration/设置过渡所需要的时间/ timing-function过渡函数，设置过渡的各种状态/ delay; animation: KeyframesName/关键帧，其内容可以设置根据百分比的增大而进行样式的变化.（Name属性必须跟Keyframes的属性保持一致）/ duration/CSS3动画播放时间/ timing-function/来设置动画播放方式 delay/用来定义动画开始播放的时间/ iteration-count direction/定义动画的播放次数。/direction/主要用来设置动画播放方向/ play-state/控制元素动画的播放状态。/ fill-mode/定义在动画开始之前和结束之后发生的操作/;
    查看全部
    1 采集 收起 来源：制作3D旋转导航综合练习题

    2017-02-17

首页上一页311312313314315316317下一页尾页

举报

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

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

查看已购买的课程