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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
  • Flexbox布局功能主要具有以下几点: 第一,屏幕和浏览器窗口大小发生改变也可以灵活调整布局; 第二,可以指定伸缩项目沿着主轴或侧轴按比例分配额外空间(伸缩容器额外空间),从而调整伸缩项目的大小; 第三,可以指定伸缩项目沿着主轴或侧轴将伸缩容器额外空间,分配到伸缩项目之前、之后或之间; 第四,可以指定如何将垂直于元素布局轴的额外空间分布到该元素的周围; 第五,可以控制元素在页面上的布局方向; 第六,可以按照不同于文档对象模型(DOM)所指定排序方式对屏幕上的元素重新排序。也就是说可以在浏览器渲染中不按照文档流先后顺序重排伸缩项目顺序。
    查看全部
  • 在CSS中盒模型被分为两种,第一种是w3c的标准模型,另一种是IE的传统模型。 W3C标准盒模型:height为内容高度。 IE传统下盒模型(IE6以下,不包含IE6版本或”QuirksMode下IE5.5+”):height包含了元素内容宽度、边框、内距。 在CSS3中新增加了box-sizing属性,能够事先定义盒模型的尺寸解析方式,其语法规则如下: box-sizing: content-box | border-box | inherit 在自适应布局当中,在元素基础上添加内距padding,按照标准盒模型解析,往往会将布局撑破,但使用box-sizing的border-box值,可以让你轻松完成。
    查看全部
    0 采集 收起 来源:CSS3 盒子模型

    2016-02-21

  • column-span主要用来定义一个分列元素中的子元素能跨列多少。语法如下: column-span: none | all
    查看全部
  • column-rule主要是用来定义列与列之间的边框宽度、边框样式和边框颜色。简单点说,就有点类似于常用的border属性。但column-rule是不占用任何空间位置的,在列与列之间改变其宽度不会改变任何列的位置。 语法规则: column-rule:<column-rule-width>|<column-rule-style>|<column-rule-color>
    查看全部
  • olumn-gap主要用来设置列与列之间的间距,其语法规则如下: column-gap: normal || <length>
    查看全部
  • column-count属性主要用来给元素指定想要的列数和允许的最大列数。其语法规则: column-count:auto | <integer>
    查看全部
  • column-width的使用和CSS中的width属性一样,不过不同的是,column-width属性在定义元素列宽的时候,既可以单独使用,也可以和多列属性中其他属性配合使用。其基本语法如下所示: column-width: auto | <length>
    查看全部
  • CSS3的多列布局可以轻松实现。举例:要显示2栏显示,每栏宽度为200px,代码为: columns: 200px 2;
    查看全部
  • animation-fill-mode属性定义在动画开始之前和结束之后发生的操作。主要具有四个属性值:none、forwards、backwords和both。
    查看全部
  • animation-play-state属性主要用来控制元素动画的播放状态。参数:其主要有两个值:running和paused。
    查看全部
  • animation-direction属性主要用来设置动画播放方向。alternate值作用是,动画播放在第偶数次向前播放,第奇数次向反方向播放。
    查看全部
  • animation-iteration-count属性主要用来定义动画的播放次数。
    查看全部
  • animation-delay属性用来定义动画开始播放的时间,用来触发动画播放的时间点。
    查看全部
  • animation-timing-function属性主要用来设置动画播放方式。
    查看全部
  • animation-duration主要用来设置CSS3动画播放时间。
    查看全部

举报

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

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