为了账号安全,请及时绑定邮箱和手机立即绑定
  • 用来将背景图片做适当的裁剪以适应实际需要。 语法: background-clip : border-box | padding-box | content-box | no-clip 参数分别表示从边框、或内填充,或者内容区域向外裁剪背景。no-clip表示不裁切,和参数border-box显示同样的效果。backgroud-clip默认值为border-box。
    查看全部
  • 背景图片原始起止位置: background-origin:border-box||padding-box||content-box; *如果背景图片不是:no-repeat;属性无效
    查看全部
  • text-shadow可以用来设置文本的阴影效果。 语法: text-shadow: X-Offset Y-Offset blur color; X-Offset:表示阴影的水平偏移距离,其值为正值时阴影向右偏移,反之向左偏移; Y-Offset:是指阴影的垂直偏移距离,如果其值是正值时,阴影向下偏移,反之向上偏移; Blur:是指阴影的模糊程度,其值不能是负值,如果值越大,阴影越模糊,反之阴影越清晰,如果不需要阴影模糊可以将Blur值设置为0; Color:是指阴影的颜色,其可以使用rgba色。
    查看全部
  • @font-face { font-family : 字体名称; src : 字体文件在服务器上的相对或绝对路径; }
    查看全部
  • 但是text-overflow只是用来说明文字溢出时用什么方式显示,要实现溢出时产生省略号的效果,还须定义强制文本在一行内显示(white-space:nowrap)及溢出内容为隐藏(overflow:hidden),只有这样才能实现溢出文本显示省略号的效果,代码如下: text-overflow:ellipsis; overflow:hidden; white-space:nowrap;
    查看全部
  • 1、阴影模糊半径与阴影扩展半径的区别 阴影模糊半径:此参数可选,其值只能是为正值,如果其值为0时,表示阴影不具有模糊效果,其值越大阴影的边缘就越模糊; 阴影扩展半径:此参数可选,其值可以是正负值,如果值为正,则整个阴影都延展扩大,反之值为负值时,则缩小; 2、X轴偏移量和Y轴偏移量值可以设置为负数 box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];
    查看全部
  • box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];
    查看全部
  • css3能做些什么 1、圆角效果 2、块阴影与文字阴影 3、色彩(css3支持HSL,CMYK,HSLA and RGBA) 4、渐变效果 5、个性化字体(使用@Font-size实现定制字体) 6、多背景图 7、边框背景图 8、变形处理(对html元素进行变形) 9、多栏布局(不使用多个div) 10、媒体查询:针对不同屏幕分辨率,应用不同的样式
    查看全部
    1 采集 收起 来源:CSS3能做什么?

    2018-02-17

  • 前缀 浏览器 -webkit chrome和safari -moz firefox -ms IE -o opera
    查看全部
    0 采集 收起 来源:什么是CSS3?

    2018-02-17

  • 背景图片的大小: background-size: auto(默认值)||<长度值>||<百分比>|| cover(等比缩放)||contain(等比缩放至某边紧贴容器边缘)||
    查看全部
  • 背景图片原始起止位置: background-origin:border-box||padding-box||content-box; *如果背景图片不是:no-repeat;属性无效
    查看全部
  • 背景图片剪切:background-clip:border-box||padding-box||content-box||no-clip
    查看全部
  • Round 平铺 Stretch 拉伸
    查看全部
  • liner-gradient 颜色演变
    查看全部
  • background:url(http://static.mukewang.com/static/img/logo_index.png) no-repeat top left/200px 50%, url(http://static.mukewang.com/static/img/logo_index.png) no-repeat bottom right/150px 50%;
    查看全部

举报

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

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

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