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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
最热 最新
  • xiaobin90
    skew()扭曲 skew(x,y)使元素在水平和垂直方向同时扭曲（X轴和Y轴同时按一定的角度值进行扭曲变形）；
    查看全部
    0 采集 收起 来源：CSS3中的变形--扭曲 skew()

    2017-01-30

  • xiaobin90
    rotate() 旋转 -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); transform:rotate(10deg);
    查看全部
    0 采集 收起 来源：CSS3变形--旋转 rotate()

    2017-01-30

  • 依然HENG
    z-index仅能对定位元素使用（position）
    查看全部
    0 采集 收起 来源：CSS3选择器 :checked选择器

    2017-01-30

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

    2018-03-22

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

    2017-01-30

  • xiaobin90
    “::selection”鼠标选中时用来匹配突出显示的文本 不过在Firefox浏览器还需要添加前缀。 ::-moz-selection
    查看全部
    0 采集 收起 来源：CSS3选择器 ::selection选择器

    2017-01-30

  • xiaobin90
    :checked”表示的是选中状态。
    查看全部
    0 采集 收起 来源：CSS3选择器 :checked选择器

    2017-01-30

  • xiaobin90
    可用（“:enabled”）和不可用（“:disabled”）状态，
    查看全部
    0 采集 收起 来源：CSS3选择器 :enabled选择器

    2017-01-30

  • 慕九州7228675
    word-wrap 是用来决定允不允许单词内断句的，如果不允许的话长单词就会溢出。最重要的一点是它还是会首先尝试挪到下一行，看看下一行的宽度够不够，不够的话就进行单词内的断句。 而word-break:break-all则更变态，因为它断句的方式非常粗暴，它不会尝试把长单词挪到下一行，而是直接进行单词内的断句。这也可以解释为什么说它的作用是决定用什么方式来断句的，那就是——用了word-break:break-all，就等于使用粗暴方式来断句了。总之一句话，如果您想更节省空间，那就用word-break:break-all就对了！
    查看全部
    0 采集 收起 来源：CSS3文字与字体 text-overflow 与 word-wrap

    2017-01-30

  • Ace_____
    CSS生成内容 在Web中插入内容，在CSS2.1时代依靠的是JavaScript来实现。但进入CSS3进代之后我们可以通过CSS3的伪类“:before”，“:after”和CSS3的伪元素“::before”、“::after”来实现，其关键是依靠CSS3中的“content”属性来实现。不过这个属性对于img和input元素不起作用。 content配合CSS的伪类或者伪元素，一般可以做以下四件事情： 功能 功能说明 none 不生成任何内容 attr 插入标签属性值 url 使用指定的绝对或相对地址插入一个外部资源（图像，声频，视频或浏览器支持的其他任何资源） string 插入字符串
    查看全部
    0 采集 收起 来源：CSS生成内容

    2017-01-30

  • Ace_____
    CSS3外轮廓属性 外轮廓outline在页面中呈现的效果和边框border呈现的效果极其相似，但和元素边框border完全不同，外轮廓线不占用网页布局空间，不一定是矩形，外轮廓是属于一种动态样式，只有元素获取到焦点或者被激活时呈现。 outline属性早在CSS2中就出现了，主要是用来在元素周围绘制一条轮廓线，可以起到突出元素的作用。但是并未得到各主流浏览器的广泛支持，在CSS3中对outline作了一定的扩展，在以前的基础上增加新特性。outline属性的基本语法如下： outline: ［outline-color］ || [outline-style] || [outline-width] || [outline-offset] || inherit 从语法中可以看出outline和border边框属性的使用方法极其类似。outline-color相当于border-color、outline-style相当于border-style，而outline-width相当于border-width，只不过CSS3给outline属性增加了一个outline-offset属性，其取值说明如下。 属性值 属性值说明 outline-color 定义轮廓线的颜色，属性值为CSS中定义的颜色值。在实际应用中，可以将此参数省略，省略时此参数的默认值为黑色。 outline-style 定义轮廓线的样式，属性为CSS中定义线的样式。在实际应用中，可以将此参数省略，省略时此参数的默认值为none，省略后不对该轮廓线进行任何绘制。 outline-width 定义轮廓线的宽度，属性值可以为一个宽度值。在实际应用中，可以将此参数省略，省略时此参数的默认值为medium，表示绘制中等宽度的轮廓线。 outline-offset 定义轮廓边框的偏移位置的数值，此值可以取负数值。当此参数的值为正数值，表示轮廓边框向外偏离多少个像素；当此参数的值为负数值，表示轮廓边框向内偏移多少个像素。 inherit 元素继承父元素的outline效果。
    查看全部
    0 采集 收起 来源：CSS3外轮廓属性

    2017-01-30

  • 慕九州7228675
    不同浏览器对应不同的前缀 前缀 浏览器 -webkit chrome和Safari -moz Firefox -ms IE -o opera
    查看全部
    0 采集 收起 来源：什么是CSS3？

    2017-01-30

  • 依然HENG
    “:nth-child(n)”选择器用来定位某个父元素的一个或多个特定的子元素。其中“n”是其参数，而且可以是整数值(1,2,3,4)，也可以是表达式(2n+1、-n+5)和关键词(odd、even)，但参数n的起始值始终是1，而不是0。也就是说，参数n的值为0时，选择器将选择不到任何匹配的元素。 经验与技巧:当“:nth-child(n)”选择器中的n为一个表达式时，其中n是从0开始计算，当表达式的值为0或小于0的时候，不选择任何匹配的元素。
    查看全部
    0 采集 收起 来源：CSS3 结构性伪类选择器—nth-child(n)

    2017-01-30

  • 依然HENG
    借助“:root”实现hack功能
    查看全部
    0 采集 收起 来源：CSS3 结构性伪类选择器—root

    2017-01-30

  • xiaobin90
    “:only-of-type”是表示一个元素他有很多个子元素，而其中只有一种类型的子元素是唯一的，使用“:only-of-type”选择器就可以选中这个元素中的唯一一个类型子元素。 .wrapper > div:only-of-type { background: orange; }
    查看全部
    0 采集 收起 来源：CSS3 only-of-type选择器

    2018-03-22

首页上一页326327328329330331332下一页尾页

举报

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

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

查看已购买的课程