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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
  • repeat:重复 round:平铺 stretch:拉伸
    查看全部
  • 1、阴影模糊半径与阴影扩展半径的区别 阴影模糊半径:此参数可选,其值只能是为正值,如果其值为0时,表示阴影不具有模糊效果,其值越大阴影的边缘就越模糊; 阴影扩展半径:此参数可选,其值可以是正负值,如果值为正,则整个阴影都延展扩大,反之值为负值时,则缩小; 2、X轴偏移量和Y轴偏移量值可以设置为负数 box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];
    查看全部
  • box-shadow是向盒子添加阴影。支持添加一个或者多个。 注意:inset 可以写在参数的第一个或最后一个,其它位置是无效的。 ox-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式]; 如果添加多个阴影,只需用逗号隔开即可。
    查看全部
  • 伪元素导航栏分隔符 .nav li{background:linear-gradient(to bottom,#dd2926,#a82724,#dd2926) no-repeat right/ 1px 15px;} 去除最后一个li的分隔符 .nav li:last-child{background:none;}
    查看全部
  • url后加repeat方式加position,position前加/ background:url(http://static.mukewang.com/static/img/logo_index.png) no-repeat right bottom /50% 50%, url(http://static.mukewang.com/static/img/logo_index.png) no-repeat top left /75% 45%;
    查看全部
  • 文本超过div宽度用省略号显示 text-overflow:ellipsis; //溢出显示方式为省略号 overflow:hidden; //溢出内容隐藏 white-space:nowrap;//文本一行显示,不换行 溢出内容换行 word-wrap:normal;
    查看全部
  • @media 媒体类型 and (媒体特性){样式} @media screen and (min-width){ .asd{ color:red; } }
    查看全部
  • 变形--矩阵 matrix():matrix() 是一个含六个值的(a,b,c,d,e,f)变换矩阵,用来指定一个2D变换,相当于直接应用一个[a b c d e f]变换矩阵 a为元素的水平伸缩量,1为原始大小; b为纵向扭曲,0为不变; c为横向扭曲,0不变; d为垂直伸缩量,1为原始大小; e为水平偏移量,0是初始位置; f为垂直偏移量,0是初始位置
    查看全部
  • box-shadow是向盒子添加阴影。支持添加一个或者多个。 注意:inset 可以写在参数的第一个或最后一个,其它位置是无效的。
    查看全部
  • column-rule主要是用来定义列与列之间的边框宽度、边框样式和边框颜色。简单点说,就有点类似于常用的border属性。但column-rule是不占用任何空间位置的,在列与列之间改变其宽度不会改变任何列的位置。 语法规则: column-rule:<column-rule-width><column-rule-style><column-rule-color>
    查看全部
  • column-count属性主要用来给元素指定想要的列数和允许的最大列数。其语法规则: column-count:auto <integer> 取值说明: auto 此值为column-count的默认值,表示元素只有一列,其主要依靠浏览器计算自动设置。 <integer> 此值为正整数值,主要用来定义元素的列数,取值为大于0的整数,负值无效。 例如:将列分成四列显示,代码如下: column-cou
    查看全部
  • box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式]; Y轴往下是正,往上是负
    查看全部
  • 前缀 浏览器 -webkit chrome和safari -moz firefox -ms IE -o opera
    查看全部
    0 采集 收起 来源:什么是CSS3?

    2016-09-19

  • box-shadow支持多个投影
    查看全部
  • 属性选择器 a[class^="定义所有命名开头一样的值的样式"]{} a[class$="定义所有命名结尾一样的值的样式"]{} a[class*="定义所有命名中出现相同的值的样式"]{}
    查看全部

举报

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

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