为了账号安全,请及时绑定邮箱和手机立即绑定
  • 盒子模型的3D结构: 由内到外顺序:background-color/background-image/content/(padding,margin,border同级)
    查看全部
    0 采集 收起 来源:CSS3 盒子模型

    2014-12-25

  • border-box和content-box的区别: border-box:中的width包括是指元素的高度,然后依次将这个高度分配给padding\border\内容 content-box:width是内容的高度,整个元素的高度是width+padding+border
    查看全部
    0 采集 收起 来源:CSS3 盒子模型

    2014-12-03

  • column-rule:设置列和列之间的的边框,参数和border一样
    查看全部
  • 多列布局:对某个类设置culumns:列数;属性,并用culums-width:宽culumn-height:高;
    查看全部
  • animation动画效果: 相对于transition动画效果添加了: 1、animation-direction:alternate(奇数次方向播放,偶数次正向播放)/normal(每次都是向前播放) 2、animation-iteration-count:反复播放的次数; 3、animation-play-state:播放状态running/paused;停止了之后播放是在停顿的状态开始的。 4、animation-fill-mode:动画发生之后的操作:none(结束后应用最开始的样式)、forwards(动画结束时应用最后一个样式)、backwords和both(同时应用backwards,forwards);
    查看全部
  • @font-face能够加载服务器端的字体文件,让浏览器端可以显示用户电脑里没有安装的字体。 语法: @font-face { font-family : 字体名称; src : 字体文件在服务器上的相对或绝对路径;
    查看全部
  • text-overflow:clip|ellipsis(剪切/表示显示省略标记) 实现溢出时产生省略号: text-overflow:ellipsis; overflow:hidden; white-space:nowrap; world-wrap:设置文本行为,当前行超过指定容器的边界时是否断开转行。 world-wrap:normal|break-word(表示控制连续文本换行|表示内容将在边界内换行)
    查看全部
  • text-shadow:X-offset Y-offset blur color X-Offset:表示阴影的水平偏移距离,其值为正值时阴影向右偏移,反之向左偏移; Y-Offset:是指阴影的垂直偏移距离,如果其值是正值时,阴影向下偏移,反之向上偏移; Blur:是指阴影的模糊程度,其值不能是负值,如果值越大,阴影越模糊,反之阴影越清晰,如果不需要阴影模糊可以将Blur值设置为0;
    查看全部
  • 渐变色彩http://www.imooc.com/code/617
    查看全部
  • 以上R、G、B三个参数,正整数值的取值范围为:0 - 255。百分数值的取值范围为:0.0% - 100.0%。超出范围的数值将被截至其最接近的取值极限。并非所有浏览器都支持使用百分数值。A为透明度参数,取值在0~1之间,不可为负值。
    查看全部
  • #border-image{ background:#F4FFFA; width:210px; height:210px; border:70px solid #ddd; border-image:url(borderimg.png) 70 repeat }
    查看全部
  • 外投影:颜色块在底层,通过设置x,y偏移量,使其相对于原来的位置偏移。 阴影模糊半径:值越大,边缘越模糊; 阴影扩展半径:其实就是扩大阴影范围; 除了阴影模糊半径必须为正,其他可正可负; box-shadow:x偏移值 y偏移值 [阴影模糊半径] [阴影扩展半径][颜色][投影方式] 投影方式:inset内投影 默认:外投影;
    查看全部
  • border-radius是向元素添加圆角边框。
    查看全部
  • 实现动画效果: 1、transition-property: \transition-timing-function:\transition-duration:\ 2、用关键针@Keyframes+动画名称(用css来自定义一个动画,每一针中属性变化,或用使用并改变transition的动态函数的参数如:transition:translate(10px,10px)相对于最初的位置发生变化 animation-name:上面定义的函数 animation-duration:5s; animation-timing-function:ease; animation-delay:延迟时间
    查看全部
  • CSS3能做什么http://www.imooc.com/code/379
    查看全部
    0 采集 收起 来源:CSS3能做什么?

    2014-12-03

举报

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

微信扫码,参与3人拼团

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

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