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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
  • /*必须项,设置@font-face中font-family同样的值*/ @font-face能够加载服务器端的字体文件,让浏览器端可以显示用户电脑里没有安装的字体。
    查看全部
  • border-image:url(borderimg.png) 70 repeat //repeat(重复)可以替换1.Round可以理解为圆满的铺满2.Stretch 很好理解就是拉伸
    查看全部
  • box-shadow是向盒子添加阴影。支持添加一个或者多个。 box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];
    查看全部
  • “:root”选择器等同于<html>元素,简单点说: :root{background:orange} html {background:orange;} 得到的效果等同。 建议使用:root方法。 另外在IE9以下还可以借助“:root”实现hack功能。
    查看全部
  • html代码: <a href="xxx.pdf">我链接的是PDF文件</a> <a href="#" class="icon">我类名是icon</a> <a href="#" title="我的title是more">我的title是more</a> css代码 a[class^=icon]{ background: green; color:#fff; } a[href$=pdf]{ background: orange; color: #fff; } a[title*=more]{ background: blue; color: #fff; } E[attribute]:带有指定属性的元素 E[attribute="value"]:带有属性和值的元素 E[attribute~="value"]:属性值中包含指定的词汇 E[attribute|="value"]:整个单词,指定开头词汇 E[attribute^="value"]:首字 E[attribute$="value"]:结尾 E[attribute*="value"]:带有指定的元素
    查看全部
  • 制作导航菜单综合练习题 小伙伴们,根据所学知识,使用CSS3实现下图的导航菜单效果 任务 1、制作导航圆角 提示:使用border-radius实现圆角 2、制作导航立体风格 提示:使用box-shadow实现立体风格 3、制作导航分隔线 提示:使用渐变与伪元素制作 4、删除第一个和最后一个导航分隔线 提示:使用伪元素删除第一个和最后一个分隔线
    查看全部
  • padding属性和content属性层叠background-image属性,层叠background-color属性,这个是存在的,它们四者之间构成了Z轴(垂直屏幕的坐标)多重层叠关系。但是border属性与margin属性、padding属性三者之间应该是平面上的并级关系,并不能构成Z轴的层叠关系。
    查看全部
    0 采集 收起 来源:CSS3 盒子模型

    2015-02-19

  • :only-of-type”是表示一个元素他有很多个子元素,而其中只有一种类型的子元素是唯一的,使用“:only-of-type”选择器就可以选中这个元素中的唯一一个类型子元素。
    查看全部
  • box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式] X轴偏移量:必需,水平阴影的位置,允许负值。 Y轴偏移量:必需,垂直阴影的位置,允许负值。 阴影模糊半径:可选,模糊距离。 阴影扩展半径:可选,阴影的尺寸。 阴影颜色:可选,阴影的颜色,省略默认为黑色。 投影方式:可选,(调置inset时为内部阴影方式,如果省略为外阴影方式) 注意:inset可以写在参数的第一个或最后一个,其他位置是无效的
    查看全部
  • box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];
    查看全部
  • box-shadow是向盒子添加阴影。支持添加一个或者多个。
    查看全部
  • 前缀!!!!!
    查看全部
    0 采集 收起 来源:CSS3中调用动画

    2015-02-17

  • http://img1.sycdn.imooc.com//5344f1320001481905640812.jpg
    查看全部
  • div.semi-circle{ height:100px; width:50px; background:#9da; border-radius:50px 0 0 50px; }
    查看全部
  • ::before和::after这两个主要用来给元素的前面或后面插入内容,这两个常和"content"配合使用,使用的场景最多的就是清除浮动。
    查看全部

举报

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

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