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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
  • 这里没有看懂
    查看全部
  • 这里讲的非常好
    查看全部
  • x,y偏移就是相当于box的左上角向右和向下的偏移量;内阴影,就是阴影区域在内部,外部没有阴影;外阴影,就是阴影区域在外部,内部没有阴影。阴影模糊半径是阴影的长度,阴影拓展半径怎么理解
    查看全部
  • 注意:inset 可以写在参数的第一个或最后一个,其它位置是无效的。
    查看全部
  • div.semi-circle{ height:100px; width:50px; background:#9da; border-radius:50px 0px 0px 50px; }
    查看全部
  • CSS3给我们带来了什么好处呢?简单的说,CSS3把很多以前需要使用图片和脚本来实现的效果、甚至动画效果,只需要短短几行代码就能搞定。比如圆角,图片边框,文字阴影和盒阴影,过渡、动画等。 CSS3简化了前端开发工作人员的设计过程,加快页面载入速度。 CSS3都有哪些强大功能呢?各位小伙伴们先来一睹为快吧!
    查看全部
    0 采集 收起 来源:CSS3能做什么?

    2016-08-19

  • CSS3是CSS2的升级版本,3只是版本号,它在CSS2.1的基础上增加了很多强大的新功能。 目前主流浏览器chrome、safari、firefox、opera、甚至360都已经支持了CSS3大部分功能了,IE10以后也开始全面支持CSS3了。
    查看全部
    0 采集 收起 来源:什么是CSS3?

    2016-08-19

  • 其实拆分开来教学,反而增加了课程难度。直接合在一起讲述:transition: all 3s ease-in-out .8s;(所有属性,持续3秒,先加速再减速变化,延迟0.8秒再执行变化,对于零可以省略)。然后就没有然后。 ease 规定慢速开始,然后变快,然后慢速结束的过渡效果(cubic-bezier(0.25,0.1,0.25,1))。 ease-in 规定以慢速开始的过渡效果(等于 cubic-bezier(0.42,0,1,1))。 ease-out 规定以慢速结束的过渡效果(等于 cubic-bezier(0,0,0.58,1))。 ease-in-out 规定以慢速开始和结束的过渡效果(等于 cubic-bezier(0.42,0,0.58,1))。 时间: 2016-07-14
    查看全部
  • text-shadow用来设置文字的阴影。 text-shadow:x偏移量 y偏移量 blur color;
    查看全部
  • 1.文本溢出,用“......”来标记溢出的文本内容。 前提条件:强制文本在一行内显示(white-space:nowrap)及溢出的内容为隐藏(tex-overflow:hidden)。只有这样才能实现溢出文本显示省略号的效果。 具体代码:white-space:nowrap;text-oveflow:ellipsis;overflow:hidden; 2.当每行内容超出边界时,文本内容应该怎样换行。 word-wrap:normal;表示控制连续文本换行 word-wrap:break-word;表示内容将在边界内换行
    查看全部
  • “:disabled”选择器刚好与“:enabled”选择器相反,用来选择不可用表单元素。要正常使用“:disabled”选择器,需要在表单元素的HTML中设置“disabled”属性。
    查看全部
  • 在Web的表单中,有些表单元素有可用(“:enabled”)和不可用(“:disabled”)状态,比如输入框,密码框,复选框等。在默认情况之下,这些表单元素都处在可用状态。那么我们可以通过伪选择器“:enabled”对这些表单元素设置样式。
    查看全部
  • 1.box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式]; 2.注意:inset 可以写在参数的第一个或最后一个,其它位置是无效的。
    查看全部
  • /* 1.阴影位置按照顺时针方向排列。 2.反向阴影只需置参数为负。 3.不论有几处阴影,都需写入一个box-shadow中,阴影间用,链接*/ /*左上角阴影*/ /*box-shadow:-4px -4px 6px;*/ /*右上角阴影*/ /*box-shadow:4px -4px 6px;*/ /*右下角阴影*/ /*box-shadow:4px 4px 6px;*/ /*左下角阴影*/ /*box-shadow:-4px 4px 6px;*/
    查看全部
  • “:only-of-type”选择器用来选择一个元素是它的父元素的唯一一个相同类型的子元素。这样说或许不太好理解,换一种说法。“:only-of-type”是表示一个元素他有很多个子元素,而其中只有一种类型的子元素是唯一的,使用“:only-of-type”选择器就可以选中这个元素中的唯一一个类型子元素。
    查看全部

举报

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

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