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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
最热 最新
  • lqins
    任何一个flexbox布局的第一步是需要创建一个flex容器。为此给元素设置display属性的值为flex。 通过flex-direction来改变主轴方向修改为column，其默认值是row。 如何将flex项目移动到顶部，取决于主轴的方向。如果它是垂直的方向通过align-items设置；如果它是水平的方向通过justify-content设置。
    查看全部
    0 采集 收起 来源：CSS3 伸缩布局（二）

    2015-12-30

  • lqins
    Flexbox布局功能主要具有以下几点： 第一，屏幕和浏览器窗口大小发生改变也可以灵活调整布局； 第二，可以指定伸缩项目沿着主轴或侧轴按比例分配额外空间（伸缩容器额外空间），从而调整伸缩项目的大小； 第三，可以指定伸缩项目沿着主轴或侧轴将伸缩容器额外空间，分配到伸缩项目之前、之后或之间； 第四，可以指定如何将垂直于元素布局轴的额外空间分布到该元素的周围； 第五，可以控制元素在页面上的布局方向； 第六，可以按照不同于文档对象模型（DOM）所指定排序方式对屏幕上的元素重新排序。也就是说可以在浏览器渲染中不按照文档流先后顺序重排伸缩项目顺序。 任何一个flexbox布局的第一步是需要创建一个flex容器。为此给元素设置display属性的值为flex。 通过flex-direction来改变主轴方向修改为column，其默认值是row。 如何将flex项目移动到顶部，取决于主轴的方向。如果它是垂直的方向通过align-items设置；如果它是水平的方向通过justify-content设置。
    查看全部
    0 采集 收起 来源：CSS3 伸缩布局（一）

    2015-12-30

  • lqins
    box-sizing：设置的width指的是整个盒子的宽度；<br> content-box：设置的width仅仅指的是内容的宽度；<br> 两个元素当中较常用的是box-sizing,比较兼容
    查看全部
    1 采集 收起 来源：CSS3 盒子模型

    2018-03-22

  • 灰色柠檬
    background:rgba(红，绿，蓝，透明值)
    查看全部
    0 采集 收起 来源：CSS3颜色 颜色之RGBA

    2015-12-30

  • 灰色柠檬
    border-image:url(#) a b c d style; 其中a,b,c,d为像素或百分比，style为repeat(重复)、round(平铺)、stretch(拉伸)
    查看全部
    0 采集 收起 来源：CSS3边框 为边框应用图片 border-image

    2015-12-30

  • GuChunsheng
    制作3D旋转视频展示区
    查看全部
    0 采集 收起 来源：制作3D旋转视频展示区

    2015-12-30

  • GuChunsheng
    textarea{ /*none/both/horizontal/vertical/inherit*/ -webkit-resize:both; -moz-resize:both; -o-resize:both; -ms-resize:both; resize:both; }
    查看全部
    0 采集 收起 来源：自由缩放属性resize

    2015-12-30

  • GuChunsheng
    自由缩放属性resize
    查看全部
    0 采集 收起 来源：自由缩放属性resize

    2015-12-30

  • love_bootstrap
    注意：不同的浏览器使用的关键字不同（如-webkit-keyframes和-moz-keyframes）
    查看全部
    0 采集 收起 来源：CSS3 Keyframes介绍

    2015-12-30

  • lqins
    多列布局：column：宽度+列数 列表宽度column-width: 列表数column-count:负数值无效，默认为auto column-gap主要用来设置列与列之间的间距
    查看全部
    0 采集 收起 来源：CSS3 多列布局——column-count

    2015-12-30

  • lqins
    多列布局：columns,主要应用在文本； columns:宽度px||列数； 要注意整体宽度和边距的设置，如果宽度X列数超过了整体的width和padding那么就不会出现想要的效果，但会伸展出最大的列表数和宽度
    查看全部
    0 采集 收起 来源：CSS3 多列布局——Columns

    2015-12-30

  • GuChunsheng
    -webkit-column-rule:2px solid gray; -moz-column-rule:2px solid gray; -o-column-rule:2px solid gray; -ms-column-rule:2px solid gray; column-rule:2px solid gray;
    查看全部
    0 采集 收起 来源：CSS3 列表边框column-rule

    2015-12-29

  • GuChunsheng
    多列布局——Columns 语法：columns：<column-width> || <column-count> 多列布局columns属性参数主要就两个属性参数：列宽和列数。
    查看全部
    0 采集 收起 来源：CSS3 多列布局——Columns

    2018-03-22

  • GuChunsheng
    制作3D旋转导航综合练习题
    查看全部
    0 采集 收起 来源：制作3D旋转导航综合练习题

    2015-12-29

  • 小m_
    变形--矩阵 matrix() matrix() 是一个含六个值的(a,b,c,d,e,f)变换矩阵，用来指定一个2D变换，相当于直接应用一个[a b c d e f]变换矩阵。就是基于水平方向（X轴）和垂直方向（Y轴）重新定位元素. 示例演示：通过matrix()函数来模拟transform中translate()位移的效果。 HTML代码： <div class="wrapper"> <div></div> </div> CSS代码： .wrapper { width: 300px; height: 200px; border: 2px dotted red; margin: 40px auto; } .wrapper div { width:300px; height: 200px; background: orange; -webkit-transform: matrix(1,0,0,1,50,50); -moz-transform:matrix(1,0,0,1,50,50); transform: matrix(1,0,0,1,50,50); }
    查看全部
    0 采集 收起 来源：CSS3中的变形--矩阵 matrix()

    2018-03-22

首页上一页665666667668669670671下一页尾页

举报

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

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

查看已购买的课程