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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
最热 最新
  • qq_匠心独运_03672530
    border-image:url(http://img1.sycdn.imooc.com//52e22a1c0001406e03040221.jpg) 30 stretch; 引用边框图片，这个确实不错，我现在是每天练一节就在服务器上上把网站改一下，哈哈，www.yuertoo.com
    查看全部
    0 采集 收起 来源：CSS3边框 为边框应用图片 border-image

    2016-07-21

  • 遇见1993寒冬湖上的白云
    设置元素背景图片的原始起始位置，如果背景不是no-repeat，这个属性无效，他会从边框开始显示
    查看全部
    0 采集 收起 来源：CSS3背景 background-origin

    2016-07-21

  • qq_匠心独运_03672530
    每一次学一个内容，我都去自己的网站上试试，哈哈，www.yuertoo.com， 大家有兴趣的可以去看看那
    查看全部
    0 采集 收起 来源：CSS3边框 阴影 box-shadow（二）

    2016-07-20

  • qq_匠心独运_03672530
    box-shadow 控制阴影，参数有X轴偏移量，Y轴偏移量，阴影模糊半径，阴影扩展半径，阴影颜色，投影方式。 投影方式就是内阴影或者外阴影，写了inset的就是内阴影，没写就默认成了外阴影。
    查看全部
    0 采集 收起 来源：CSS3边框 阴影 box-shadow（一）

    2016-07-20

  • king3690448
    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>嵌入字体</title> <style type="text/css"> @font-face {font-family:"webfont"; src: url('//at.alicdn.com/t/39d5v6evv3ac3di.eot'); /* IE9*/ src: url('//at.alicdn.com/t/39d5v6evv3ac3di.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('//at.alicdn.com/t/39d5v6evv3ac3di.woff') format('woff'), /* chrome、firefox */ url('//at.alicdn.com/t/39d5v6evv3ac3di.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('//at.alicdn.com/t/39d5v6evv3ac3di.svg#NotoSansHans-Black') format('svg'); /* iOS 4.1- */ } .demo { width: 340px; padding: 30px; color: #566F89; background: #000; font-size:58px; font-family: "webfont",microsoft yahei; } </style> </head> <body> <div class="demo">这里是中文字体跟我别谈钱</div> </body> </html>
    查看全部
    0 采集 收起 来源：CSS3文字与字体 嵌入字体@font-face

    2018-03-22

  • tanglj22
    translate是相对于自己
    查看全部
    0 采集 收起 来源：CSS3中的变形--位移 translate()

    2016-07-20

  • 萍小姐522630
    CSS3 Gradient 分为线性渐变(linear)和径向渐变(radial)。由于不同的渲染引擎实现渐变的语法不同，这里我们只针对线性渐变的 W3C 标准语法来分析其用法，其余大家可以查阅相关资料。W3C 语法已经得到了 IE10+、Firefox19.0+、Chrome26.0+ 和 Opera12.1+等浏览器的支持。 这一小节我们来说一下线性渐变： 参数： 第一个参数:指定渐变方向，可以用“角度”的关键词或“英文”来表示： （单击图片可放大） 第一个参数省略时，默认为“180deg”，等同于“to bottom”。 第二个和第三个参数，表示颜色的起始点和结束点，可以有多个颜色值。 background-image:linear-gradient(to left, red, orange,yellow,green,blue,indigo,violet); 效果图：
    查看全部
    0 采集 收起 来源：CSS3颜色 渐变色彩 

    2016-07-19

  • GUCCI_FLORA_EAU
    :nth-child(2n),选择是偶数，：nth-child(2n+1)选择的是奇数；<br> :nth-last-child(2)倒数第二个子元素
    查看全部
    0 采集 收起 来源：CSS3 结构性伪类选择器—nth-last-child(n)

    2018-03-22

  • 南汐国际璐涵
    a [class^=column]{ background:#ff3300; color:#fff;} a [href$=.doc]{ backround:#669966; color:#fff;} a[title*=box]{background:#blue; color:#fff; }
    查看全部
    0 采集 收起 来源：CSS3选择器 属性选择器

    2016-07-19

  • 风随依然
    需要注意的是哪怕设置了很多的列数,宽度不够也不会显示出来
    查看全部
    0 采集 收起 来源：CSS3 多列布局——Columns

    2016-07-18

  • 安之_
    要正常使用:disabled选择器，需要在表单元素的HTML中设置disabled属性
    查看全部
    0 采集 收起 来源：CSS3选择器 :disabled选择器

    2016-07-18

  • 南汐国际璐涵
    .nav a{ display: inline-block; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .nav a:hover{ -webkit-transform:rotate(10deg); -moz-transform:rotate(10deg); -o-transform:rotate(10deg); -ms-transform:rotate(10deg); transform:rotate(10deg); }
    查看全部
    0 采集 收起 来源：CSS3背景 制作导航菜单综合练习题

    2016-07-18

  • 南汐国际璐涵
    background:url(http://static.mukewang.com/static/img/logo_index.png) no-repeat left top/ 200px 55%, url(http://static.mukewang.com/static/img/logo_index.png) no-repeat right bottom / 150px 40%;
    查看全部
    0 采集 收起 来源：CSS3背景 multiple backgrounds

    2016-07-18

  • 南汐国际璐涵
    background-image: url(http://img1.sycdn.imooc.com//54cf2365000140e600740095.jpg), url(http://img1.sycdn.imooc.com//54cf238a0001728d00740095.jpg), url(http://img1.sycdn.imooc.com//54cf23b60001fd9700740096.jpg); background-position: left top, 100px 0, 200px 0; background-repeat: no-repeat, no-repeat, no-repeat;
    查看全部
    0 采集 收起 来源：CSS3背景 multiple backgrounds

    2016-07-18

  • 南汐国际璐涵
    .demo{ width: 300px; height: 140px; border: 1px solid #999; background-image: url(http://img1.sycdn.imooc.com//54cf2365000140e600740095.jpg), url(http://img1.sycdn.imooc.com//54cf238a0001728d00740095.jpg), url(http://img1.sycdn.imooc.com//54cf23b60001fd9700740096.jpg); background-position: left top, 100px 0, 200px 0; background-repeat: no-repeat, no-repeat, no-repeat; margin:0 0 20px 0; } .task { width: 300px; height: 140px; border: 1px solid #999; background:url(http://static.mukewang.com/static/img/logo_index.png) no-repeat, url(http://static.mukewang.com/static/img/logo_index.png) no-repeat; }
    查看全部
    0 采集 收起 来源：CSS3背景 multiple backgrounds

    2016-07-18

首页上一页477478479480481482483下一页尾页

举报

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

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

查看已购买的课程