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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
最热 最新
  • 慕用7077196
    浏览器前缀： chrome 和 safari : -webkit firefox : -moz IE : -ms opera : -o
    查看全部
    0 采集 收起 来源：什么是CSS3？

    2015-03-20

  • 一路向南_0004
    :not可以选择除某个元素之外的所有元素。 div:not([id="footer"]){background: orange;} 除了id为footer的元素外，其余的背景色都为橙色
    查看全部
    0 采集 收起 来源：CSS3 结构性伪类选择器—not

    2018-03-22

  • balance_gem
    @font-face能够加载服务器端的字体文件，让浏览器端可以显示用户电脑里没有安装的字体。. font-family:
    查看全部
    0 采集 收起 来源：CSS3文字与字体 嵌入字体@font-face

    2015-03-20

  • 一路向南_0004
    “:root”选择器等同于<html>元素，简单点说： :root{background:orange} html {background:orange;}
    查看全部
    0 采集 收起 来源：CSS3 结构性伪类选择器—root

    2018-03-22

  • balance_gem
    word-spacing:10px 表示空格的长度
    查看全部
    0 采集 收起 来源：CSS3文字与字体 text-overflow 与 word-wrap

    2015-03-20

  • balance_gem
    强制文本在一行内显示（white-space:nowrap）及 溢出内容为隐藏（overflow:hidden）才能使用text-overflow:ellipsis 使溢出部分用...表示。
    查看全部
    0 采集 收起 来源：CSS3文字与字体 text-overflow 与 word-wrap

    2015-03-20

  • 一路向南_0004
    css3新增了3个属性选择器，使得属性选择器有了通配符的概念. a[class^=columnNews]{background-color:red;}class是属性，columnNews是属性值，^表示开头 a[href$=doc]{background-color:green}href是属性，doc是属性值，$表示开头 a[title*=box] {background-color:blue} title是属性，box是属性值，*表示任意位置
    查看全部
    0 采集 收起 来源：CSS3选择器 属性选择器

    2015-03-22

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

    2015-03-20

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

    2015-03-20

  • Meelu
    变形--缩放 scale() 缩放 scale()函数 让元素根据中心原点对对象进行缩放。 缩放 scale 具有三种情况： 1、 scale(X,Y)使元素水平方向和垂直方向同时缩放（也就是X轴和Y轴同时缩放） 注意：Y是一个可选参数，如果没有设置Y值，则表示X，Y两个方向的缩放倍数是一样的。 2、scaleX(x)元素仅水平方向缩放（X轴缩放） 3、scaleY(y)元素仅垂直方向缩放（Y轴缩放） 注意： scale()的取值默认的值为1，当值设置为0.01到0.99之间的任何值，作用使一个元素缩小；而任何大于或等于1.01的值，作用是让元素放大。
    查看全部
    0 采集 收起 来源：CSS3中的变形--缩放 scale()

    2015-03-20

  • Meelu
    变形--扭曲 skew() 扭曲skew()函数能够让元素倾斜显示。它可以将一个对象以其中心位置围绕着X轴和Y轴按照一定的角度倾斜。这与rotate()函数的旋转不同，rotate()函数只是旋转，而不会改变元素的形状。skew()函数不会旋转，而只会改变元素的形状。 Skew()具有三种情况： 1、skew(x,y)使元素在水平和垂直方向同时扭曲（X轴和Y轴同时按一定的角度值进行扭曲变形）； 2、skewX(x)仅使元素在水平方向扭曲变形（X轴扭曲变形）； 3、skewY(y)仅使元素在垂直方向扭曲变形（Y轴扭曲变形）
    查看全部
    0 采集 收起 来源：CSS3中的变形--扭曲 skew()

    2015-03-20

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

    2015-03-20

  • Meelu
    切换背景图像综合练习题
    查看全部
    0 采集 收起 来源：切换背景图像综合练习题

    2015-03-20

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

    2015-03-20

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

    2015-03-20

首页上一页1053105410551056105710581059下一页尾页

举报

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

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

查看已购买的课程