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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
最热 最新
  • 二多
    border-radius是向元素添加圆角边框。 使用方法： border-radius:10px; /* 所有角都使用半径为10px的圆角 */ border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下角，顺时针 */ 不要以为border-radius的值只能用px单位，你还可以用百分比或者em，但兼容性目前还不太好。 实心上半圆： 方法：把高度(height)设为宽度（width）的一半，并且只设置左上角和右上角的半径与元素的高度一致（大于也是可以的）。
    查看全部
    0 采集 收起 来源：CSS3边框 圆角效果 border-radius

    2015-05-23

  • 二多
    在编写CSS3样式时，不同的浏览器可能需要不同的前缀。它表示该CSS属性或规则尚未成为W3C标准的一部分，是浏览器的私有属性，虽然目前较新版本的浏览器都是不需要前缀的，但为了更好的向前兼容前缀还是少不了的。 前缀 浏览器 -webkit chrome和safari -moz firefox -ms IE -o opera 相信CSS3的时代马上就要到来了！
    查看全部
    0 采集 收起 来源：什么是CSS3？

    2015-05-23

  • fatbone008
    background: #f65f57; /*制作圆*/ border-radius:5px; /*制作导航立体风格*/ box-shadow:0 10px 0 0 #b00; /*使用伪元素制作导航列表项分隔线*/ .nav li{ border:1px black solid; border-image:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0),black,rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0)) 0 0 0 1 round; } /*删除第一项和最后一项导航分隔线*/ .nav li:first-child{ border:none; }
    查看全部
    0 采集 收起 来源：CSS3背景 制作导航菜单综合练习题

    2015-05-23

  • 溱源
    没弄懂 1、列表的背景颜色为什么是设置a，而不是li .slider li:nth-of-type(1) a vs .slider li:nth-of-type(1) 2、缩略图背景图像 .slider li:nth-of-type(1) a::before{ .slider a:nth-of-type(1)::before{ 这样有什么错误？ 3、设置不显示的背景图层级 这是什么意思？ .bg:not(:target) 似乎没看出效果 @_@
    查看全部
    0 采集 收起 来源：切换背景图像综合练习题

    2015-05-22

  • 那年风吹过
    阴影 box-shadow（一） 语法： box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式]; box-shadow:4px 2px 6px #f00, -4px -2px 6px #000, 0px 0px 12px 5px #33CC00 inset; inset是内阴影 如果不写，就默认是外阴影 注意：inset 可以写在参数的第一个或最后一个，其它位置是无效的。
    查看全部
    0 采集 收起 来源：CSS3边框 阴影 box-shadow（一）

    2015-05-22

  • 那年风吹过
    圆角效果 border-radius border-radius是向元素添加圆角边框。 使用方法： border-radius:10px; /* 所有角都使用半径为10px的圆角 */ border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下角，顺时针 */ 不要以为border-radius的值只能用px单位，你还可以用百分比或者em，但兼容性目前还不太好。 实心上半圆： 方法：把高度(height)设为宽度（width）的一半，并且只设置左上角和右上角的半径与元素的高度一致（大于也是可以的）。 div{ height:50px;/*是width的一半*/ width:100px; background:#9da; border-radius:50px 50px 0 0;/*半径至少设置为height的值*/ } 实心圆： 方法：把宽度（width）与高度(height)值设置为一致（也就是正方形），并且四个圆角值都设置为它们值的一半。如下代码： div{ height:100px;/*与width设置一致*/ width:100px; background:#9da; border-radius:50px;/*四个圆角值都设置为宽度或高度值的一半*/ }
    查看全部
    0 采集 收起 来源：CSS3边框 圆角效果 border-radius

    2015-05-22

  • 那年风吹过
    CSS3把很多以前需要使用图片和脚本来实现的效果、甚至动画效果，只需要短短几行代码就能搞定。比如圆角，图片边框，文字阴影和盒阴影，过渡、动画等。 圆角： border-radius
    查看全部
    2 采集 收起 来源：CSS3能做什么？

    2015-05-22

  • whatsmax
    div里面空格也算元素，不是空元素！！
    查看全部
    0 采集 收起 来源：CSS3 结构性伪类选择器—empty

    2015-05-22

  • 那年风吹过
    在编写CSS3样式时，不同的浏览器可能需要不同的前缀。它表示该CSS属性或规则尚未成为W3C标准的一部分，是浏览器的私有属性，虽然目前较新版本的浏览器都是不需要前缀的，但为了更好的向前兼容前缀还是少不了的。 前缀 浏览器 -webkit chrome safari -moz firefox -ms IE -o opera
    查看全部
    0 采集 收起 来源：什么是CSS3？

    2015-05-22

  • 苦逼的存在
    123
    查看全部
    0 采集 收起 来源：切换背景图像综合练习题

    2015-05-22

  • Dream_0046
    标准参考
    查看全部
    1 采集 收起 来源：CSS3背景 制作导航菜单综合练习题

    2015-05-22

  • Dream_0046
    background-position: left top,right bottom ; background-size:220px 80px,150px 55px;
    查看全部
    0 采集 收起 来源：CSS3背景 multiple backgrounds

    2015-05-22

  • grace_0008
    多重背景 multiple backgrounds 多重背景，也就是CSS2里background的属性外加origin、clip和size组成的新background的多次叠加，缩写时为用逗号隔开的每组值；用分解写法时，如果有多个背景图片，而其他属性只有一个（例如background-repeat只有一个），表明所有背景图片应用该属性值。 语法缩写如下： background ： [background-color] | [background-image] | [background-position][/background-size] | [background-repeat] | [background-attachment] | [background-clip] | [background-origin],... 可以把上面的缩写拆解成以下形式： background-image:url1,url2,...,urlN; background-repeat : repeat1,repeat2,...,repeatN; backround-position : position1,position2,...,positionN; background-size : size1,size2,...,sizeN; background-attachment : attachment1,attachment2,...,attachmentN; background-clip : clip1,clip2,...,clipN; background-origin : origin1,origin2,...,originN; background-color : color; 注意： 用逗号隔开每组 background 的缩写值； 如果有 size 值，需要紧跟 position 并且用 "/" 隔开； 如果有多个背景图片，而其他属性只有一个（例如 background-repeat 只有一个），表明所有背景图片应用该属性值。 background-color 只能设置一个。
    查看全部
    0 采集 收起 来源：CSS3背景 multiple backgrounds

    2018-03-22

  • 紫幻降临
    前缀 浏览器 -webkit chrome和safari -moz firefox -ms IE -opera
    查看全部
    0 采集 收起 来源：什么是CSS3？

    2015-05-22

  • 石头儿山
    ::before和::after这两个主要用来给元素的前面或后面插入内容，这两个常和"content"配合使用，使用的场景最多的就是清除浮动。 .clearfix::before, .clearfix::after { content: "."; display: block; height: 0; visibility: hidden; } .clearfix:after {clear: both;} .clearfix {zoom: 1;}
    查看全部
    0 采集 收起 来源：CSS3选择器 ::before和::after

    2018-03-22

首页上一页938939940941942943944下一页尾页

举报

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

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

查看已购买的课程