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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
最热 最新
  • Thinker_Ac
    :target选择器称为目标选择器，用来匹配文档(页面)的url的某个标志符的目标元素。
    查看全部
    0 采集 收起 来源：CSS3 结构性伪类选择器—target

    2015-07-05

  • Thinker_Ac
    :empty选择器表示的就是空。用来选择没有任何内容的元素，这里没有内容指的是一点内容都没有，哪怕是一个空格。
    查看全部
    0 采集 收起 来源：CSS3 结构性伪类选择器—empty

    2015-07-05

  • fluteonline
    变形--矩阵 matrix() matrix() 是一个含六个值的(a,b,c,d,e,f)变换矩阵，用来指定一个2D变换，相当于直接应用一个[a b c d e f]变换矩阵。 a为元素的水平伸缩量，1为原始大小； b为纵向扭曲，0为不变； c为横向扭曲，0不变； d为垂直伸缩量，1为原始大小； e为水平偏移量，0是初始位置； f为垂直偏移量，0是初始位置
    查看全部
    0 采集 收起 来源：CSS3中的变形--矩阵 matrix()

    2015-07-05

  • Thinker_Ac
    :not选择器称为否定选择器，和jQuery中的:not选择器一模一样，可以选择除某个元素之外的所有元素。
    查看全部
    0 采集 收起 来源：CSS3 结构性伪类选择器—not

    2015-07-05

  • Thinker_Ac
    :root选择器，从字面上我们就可以很清楚的理解是根选择器，他的意思就是匹配元素E所在文档的根元素。在HTML文档中，根元素始终是<html>。
    查看全部
    0 采集 收起 来源：CSS3 结构性伪类选择器—root

    2018-03-22

  • fluteonline
    position的top:50%;left:50%;是相对于界面宽高的。translate的-50%,-50%是相对于div本身宽高的。相当于先将div左上角居中，再将div中心点居中。
    查看全部
    0 采集 收起 来源：CSS3中的变形--位移 translate()

    2015-07-05

  • fluteonline
    变形--位移 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-07-05

  • fluteonline
    scale:变形--缩放，有三种使用方法： （1）scale(x,y):水平和垂直方向同时缩放； （2）scaleX(x):仅水平方向缩放； （3）scaleY(Y):仅垂直方向缩放； 默认值为1，比1小的即缩小，比1大的即放大,允许有小数，小数点后可以有两位 transform: scale(1.5)等同于transform: scale(1.5,1.5) scaleX()和scaleY()用于单独设置
    查看全部
    0 采集 收起 来源：CSS3中的变形--缩放 scale()

    2015-07-05

  • fluteonline
    transform:skew(?deg):分为三种情况 (1)X,Y轴都发生扭曲现象，例如：transform:skew(10deg,30deg); /*如果第二个参数未提供，则值为0，也就是Y轴方向上无斜切。*/ (2)X轴发生扭曲：skewX(?deg),例如:transform:skewX(10deg); (3)Y轴发生扭曲：skewY(?deg),例如：transform:skewY(10deg);
    查看全部
    0 采集 收起 来源：CSS3中的变形--扭曲 skew()

    2015-07-05

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

    2015-07-05

  • fluteonline
    单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素
    查看全部
    0 采集 收起 来源：CSS3选择器 ::before和::after

    2015-07-04

  • fluteonline
    ::before和::after ::before和::after这两个主要用来给元素的前面或后面插入内容，这两个常和"content"配合使用，使用的场景最多的就是清除浮动。 .clearfix::before, .clearfix::after { content: "."; display: block; height: 0; visibility: hidden; } .clearfix:after {clear: both;} .clearfix {zoom: 1;}
    查看全部
    0 采集 收起 来源：CSS3选择器 ::before和::after

    2018-03-22

  • boolean
    1. 最大寬度max-width 「max-width」是媒體特性中最常用的一個特性，其意思是指媒體類型小於或等於指定的寬度時，樣式生效。如： @media screen and (max-width:480px){ .ads { display:none; } } 上面表示的是：當屏幕小於或等於480px時,頁面中的廣告區塊（.ads）都將被隱藏。 2.最小寬度min-width 「min-width」與「max-width」相反，指的是媒體類型大於或等於指定寬度時，樣式生效。 @media screen and (min-width:900px){ .wrapper{width: 980px;} } 上面表示的是：當屏幕大於或等於900px時，容器「.wrapper」的寬度為980px。 3.多個媒體特性使用 Media Queries可以使用關鍵詞"and"將多個媒體特性結合在一起。也就是說，一個Media Query中可以包含0到多個表達式，表達式又可以包含0到多個關鍵字，以及一種媒體類型。 當屏幕在600px~900px之間時，body的背景色渲染為「#f5f5f5」，如下所示。 @media screen and (min-width:600px) and (max-width:900px){ body {background-color:#f5f5f5;} }
    查看全部
    0 采集 收起 来源：Media Queries使用方法

    2018-03-22

  • Presist丶沈
    单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素
    查看全部
    0 采集 收起 来源：CSS3选择器 ::before和::after

    2015-07-04

  • fluteonline
    :read-write选择器 “:read-write”选择器刚好与“:read-only”选择器相反，主要用来指定当元素处于非只读状态时的样式。 注意: 目前, 在大多浏览器中, :read-write 选择器只使用于设置了input 和 textarea 元素。 :read-write 选择器支持 Chrome, Safari 和 Opera。 Firefox 支持 :-moz-read-write 选择器作为替代方案。
    查看全部
    0 采集 收起 来源：CSS3选择器 :read-write选择器

    2015-07-04

首页上一页887888889890891892893下一页尾页

举报

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

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

查看已购买的课程