为了账号安全,请及时绑定邮箱和手机立即绑定
  • 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
    查看全部
  • a标签设置block后,直接对a进行样式定义
    查看全部
  • 1、matrix(scaleX(),skewY(),skewX(),scaleY(),translateX(),translateY()); 水平伸缩量,纵向扭曲,横向扭曲,垂直伸缩量,水平偏移量,垂直偏移量 其中: scaleX():为元素的水平伸缩量,1为原始大小; skewY():为纵向扭曲,0为不变; skewX():为横向扭曲,0为不变; scaleY():为垂直伸缩量,为原始大小; translateX():为水平偏移量,0为初始位置; translateY():为垂直偏移量,0为初始位置。
    查看全部
  • 请输入笔记内容...
    查看全部
  • CSS3选择器 ::before和::after 主要用来给元素的前面或后面插入内容,这两个常和"content"配合使用,使用的场景最多的就是清除浮动。
    查看全部
  • box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式], X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式],....; 用来设置边框阴影。
    查看全部
  • 实心上半圆: 方法:把高度(height)设为宽度(width)的一半,并且只设置左上角和右上角的半径与元素的高度一致(大于也是可以的)。 div{ height:50px;/*是width的一半*/ width:100px; background:#9da; border-radius:50px 50px 0 0;/*半径至少设置为height的值*/ }
    查看全部
  • -webkit:chrome和safari -moz:firefox -ms:IE -o:opera
    查看全部
    0 采集 收起 来源:什么是CSS3?

    2017-05-19

  • matrix(scaleX(),skewY(),skewX(),scaleY(),translateX(),translateY()); 水平伸缩量,纵向扭曲,横向扭曲,垂直伸缩量,水平偏移量,垂直偏移量
    查看全部
  • 设置元素背景图片的原始起始位置。 语法: background-origin : border-box | padding-box | content-box; 参数分别表示背景图片是从边框,还是内边距(默认值),或者是内容区域开始显示。 效果如下: 需要注意的是,如果背景不是no-repeat,这个属性无效,它会从边框开始显示。
    查看全部
  • CSS3文字与字体 嵌入字体@font-face语法: @font-face { font-family : 字体名称; src : 字体文件在服务器上的相对或绝对路径; }
    查看全部
  • 但是text-overflow只是用来说明文字溢出时用什么方式显示,要实现溢出时产生省略号的效果,还须定义强制文本在一行内显示(white-space:nowrap)及溢出内容为隐藏(overflow:hidden),只有这样才能实现溢出文本显示省略号的效果,代码如下: text-overflow:ellipsis; overflow:hidden; white-space:nowrap;
    查看全部
  • linear-gradient(to bottom,red,blue) no-repeat right/1px 15px; 意思就是设置一个渐变线,然后后面设置这个渐变线的宽度,高度。因为宽度为1px让我们视觉上以为起始那就是一条线
    查看全部
  • radial设置渐变不需要加方向,加方向没用效果显示
    查看全部
  • 贼几把难啊
    查看全部
    0 采集 收起 来源:CSS3能做什么?

    2017-05-17

  • animation-play-state属性主要用来控制元素动画的播放状态。 参数: 其主要有两个值:running和paused。 其中running是其默认值,主要作用就是类似于音乐播放器一样,可以通过paused将正在播放的动画停下来,也可以通过running将暂停的动画重新播放,这里的重新播放不一定是从元素动画的开始播放,而是从暂停的那个位置开始播放。另外如果暂停了动画的播放,元素的样式将回到最原始设置状态
    查看全部

举报

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

微信扫码,参与3人拼团

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

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