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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
最热 最新
  • 南慕瑶
    background-size: 设置背景图片的大小 auto：不改变背景图片原始大小 <长度值>：要设置两个值——设定的宽度+高度（如果只设置一个值，则它是宽度，高度会等比例缩放） <百分比>：用所在元素的宽高，乘这里的百分比（两个百分比）。得到的就是设定的背景图片宽高。 cover：等比缩放，令背景图片填满整个容器。 contain：等比缩放，直到背景图片某一个边，到达了所在元素的边缘。（宽或高，有一个填满了容器，就停止）
    查看全部
    0 采集 收起 来源：CSS3背景 background-size

    2018-03-22

  • 南慕瑶
    background-clip： 对背景图片进行裁剪（背景图片默认放置在与边框左上角对齐的位置），默认从边框处开始裁剪（也可以理解为不裁剪） border-box padding-box content-box
    查看全部
    0 采集 收起 来源：CSS3背景 background-clip

    2015-11-18

  • 南慕瑶
    background-origin: 注意：如果背景不是no-repeat，则此属性无效。背景会从边框处开始显示。 设置元素背景图片的原始其实位置 border-box：从边框处开始显示 padding-box：从内边距处开始显示（默认） content-box：从内容区域开始显示 即：背景图片的左上角与div盒子哪个部分的左上角对齐
    查看全部
    0 采集 收起 来源：CSS3背景 background-origin

    2015-11-18

  • 西域码农
    变形--旋转 rotate() 旋转rotate()函数通过指定的角度参数使元素相对原点进行旋转。它主要在二维空间内进行操作，设置一个角度值，用来指定旋转的幅度。如果这个值为正值，元素相对原点中心顺时针旋转；如果这个值为负值，元素相对原点中心逆时针旋转
    查看全部
    1 采集 收起 来源：CSS3变形--旋转 rotate()

    2015-11-18

  • 西域码农
    ::before和::after ::before和::after这两个主要用来给元素的前面或后面插入内容，这两个常和"content"配合使用，使用的场景最多的就是清除浮动。
    查看全部
    0 采集 收起 来源：CSS3选择器 ::before和::after

    2018-03-22

  • 西域码农
    :read-write选择器 “:read-write”选择器刚好与“:read-only”选择器相反，主要用来指定当元素处于非只读状态时的样式。
    查看全部
    0 采集 收起 来源：CSS3选择器 :read-write选择器

    2015-11-18

  • qq_小柯_1
    多列布局——Columns 为了能在Web页面中方便实现类似报纸、杂志那种多列排版的布局，W3C特意给CSS3增加了一个多列布局模块（CSS Multi Column Layout Module）。它主要应用在文本的多列布局方面，这种布局在报纸和杂志上都使用了几十年了，但要在Web页面上实现这样的效果还是有相当大的难度，庆幸的是，CSS3的多列布局可以轻松实现。接下来咱们一起学习多列布局相关的知识。 格式：columns: 200px 2;
    查看全部
    0 采集 收起 来源：CSS3 多列布局——Columns

    2015-11-18

  • 西域码农
    :read-only选择器： :read-only”伪类选择器用来指定处于只读状态元素的样式。简单点理解就是，元素中设置了“readonly=’readonly’
    查看全部
    0 采集 收起 来源：CSS3选择器 :read-only选择器

    2015-11-18

  • 梅姐偶尔冒个泡
    align-items:center; 竖直方向上实现居中 justify-content:center; 水平居中 所以,可以不需使用margin:0 auto 这种方式实现盒子的居中了?!
    查看全部
    0 采集 收起 来源：CSS3 伸缩布局（二）

    2015-11-18

  • 梅姐偶尔冒个泡
    普通模型里面的width指的是content的宽度 使用box-sizing:border-box后width指的是盒子的宽度
    查看全部
    0 采集 收起 来源：CSS3 盒子模型

    2015-11-18

  • 西西不小心
    在没有重置transform-origin改变元素原点位置的情况下，CSS变形进行的旋转、位移、缩放，扭曲等操作都是以元素自己中心位置进行变形。但很多时候，我们可以通过transform-origin来对元素进行原点位置改变，使元
    查看全部
    0 采集 收起 来源：CSS3中的变形--原点 transform-origin

    2015-11-18

  • 西西不小心
    matrix() 是一个含六个值的(a,b,c,d,e,f)变换矩阵，用来指定一个2D变换，相当于直接应用一个[a b c d e f]变换矩阵。就是基于水平方向（X轴）和垂直方向（Y轴）重新定位元素,此属性值使用涉及到数学中的矩阵，我在这里只是简单的说一下CSS3中的transform有这么一个属性值，如果需要深入了解，需要对数学矩阵有一定的知识。 a为元素的水平伸缩量，1为原始大小； b为纵向扭曲，0为不变； c为横向扭曲，0不变； d为垂直伸缩量，1为原始大小； e为水平偏移量，0是初始位置； f为垂直偏移量，0是初始位置
    查看全部
    0 采集 收起 来源：CSS3中的变形--矩阵 matrix()

    2015-11-18

  • 西西不小心
    变形--位移 translate() translate()函数可以将元素向指定的方向移动，类似于position中的relative。或以简单的理解为，使用translate()函数，可以把元素从原来的位置移动，而不影响在X、Y轴上的任何Web组件。 translate我们分为三种情况： 1、translate(x,y)水平方向和垂直方向同时移动（也就是X轴和Y轴同时移动） 2、translateX(x)仅水平方向移动（X轴移动） 3、translateY(Y)仅垂直方向移动（Y轴移动） 实例演示：通过translate()函数将元素向Y轴下方移动50px,X轴右方移动100px。
    查看全部
    0 采集 收起 来源：CSS3中的变形--位移 translate()

    2015-11-18

  • 西西不小心
    变形--缩放 scale() 缩放 scale()函数 让元素根据中心原点对对象进行缩放。 缩放 scale 具有三种情况： 1、 scale(X,Y)使元素水平方向和垂直方向同时缩放（也就是X轴和Y轴同时缩放） 例如： div:hover { -webkit-transform: scale(1.5,0.5); -moz-transform:scale(1.5,0.5) transform: scale(1.5,0.5); } 注意：Y是一个可选参数，如果没有设置Y值，则表示X，Y两个方向的缩放倍数是一样的。 2、scaleX(x)元素仅水平方向缩放（X轴缩放） 3、scaleY(y)元素仅垂直方向缩放（Y轴缩放）
    查看全部
    0 采集 收起 来源：CSS3中的变形--缩放 scale()

    2015-11-18

  • 西西不小心
    transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。
    查看全部
    0 采集 收起 来源：CSS3中的变形--扭曲 skew()

    2015-11-18

首页上一页700701702703704705706下一页尾页

举报

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

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

查看已购买的课程