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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
最热 最新
  • 门掩重关萧寺中
    “:first-of-type”用来定位一个父元素下的某个类型的第一个子元素。 ================== .wrapper > p:first-of-type { background: orange; }
    查看全部
    0 采集 收起 来源：CSS3 first-of-type选择器

    2018-03-22

  • 门掩重关萧寺中
    “:nth-last-child(n)”:从某父元素的最后一个子元素开始计算，来选择特定的元素。
    查看全部
    0 采集 收起 来源：CSS3 结构性伪类选择器—nth-last-child(n)

    2017-01-26

  • 门掩重关萧寺中
    :nth-child(n)”选择器用来定位某个父元素的一个或多个特定的子元素。 2n+1/2n/5n-2.....
    查看全部
    0 采集 收起 来源：CSS3 结构性伪类选择器—nth-child(n)

    2017-01-26

  • 门掩重关萧寺中
    “:last-child”选择的是元素的最后一个子元素
    查看全部
    0 采集 收起 来源：CSS3 结构性伪类选择器—last-child

    2017-01-26

  • 门掩重关萧寺中
    “:first-child”选择器表示的是选择父元素的第一个子元素的元素E。 ============================== ol > li:first-child{ color: red; } ================ li.color 是项目符号
    查看全部
    0 采集 收起 来源：CSS3 结构性伪类选择器—first-child

    2018-03-22

  • 门掩重关萧寺中
    input:not([type="submit"]){ border:1px solid red; } =============== div:not([id="footer"]){ background:orange; }
    查看全部
    0 采集 收起 来源：CSS3 结构性伪类选择器—not

    2018-03-22

  • 门掩重关萧寺中
    :empty选择器表示的就是空。 ==================== p{ background: orange; min-height: 30px; } p:empty { display: none; }​
    查看全部
    0 采集 收起 来源：CSS3 结构性伪类选择器—empty

    2017-01-26

  • 门掩重关萧寺中
    语法缩写如下： background ： [background-color] | [background-image] | [background-position][/background-size] | [background-repeat] | [background-attachment] | [background-clip] | [background-origin],... 可以把上面的缩写拆解成以下形式： background-image:url1,url2,...,urlN; background-repeat : repeat1,repeat2,...,repeatN; backround-position : position1,position2,...,positionN; background-size : size1,size2,...,sizeN; background-attachment : attachment1,attachment2,...,attachmentN; background-clip : clip1,clip2,...,clipN; background-origin : origin1,origin2,...,originN; background-color : color; 注意： 用逗号隔开每组 background 的缩写值； 如果有 size 值，需要紧跟 position 并且用 "/" 隔开； 如果有多个背景图片，而其他属性只有一个（例如 background-repeat 只有一个），表明所有背景图片应用该属性值。 background-color 只能设置一个
    查看全部
    0 采集 收起 来源：CSS3背景 multiple backgrounds

    2018-03-22

  • Ace_____
    在CSS3中新增加了box-sizing属性，能够事先定义盒模型的尺寸解析方式，其语法规则如下： box-sizing: content-box | border-box | inherit 取值说明 属性值 属性值说明 content-box 默认值，其让元素维持W3C的标准盒模型，也就是说元素的宽度和高度（width/height）等于元素边框宽度（border）加上元素内距（padding）加上元素内容宽度或高度（content width/ height），也就是element width/height = border + padding + content width / height border-box 重新定义CSS2.1中盒模型组成的模式，让元素维持IE传统的盒模型（IE6以下版本和IE6-7怪异模式），也就是说元素的宽度或高度等于元素内容的宽度或高度。从上面盒模型介绍可知，这里的内容宽度或高度包含了元素的border、padding、内容的宽度或高度（此处的内容宽度或高度＝盒子的宽度或高度—边框—内距）。 inherit 使元素继承父元素的盒模型模式 其中最为关键的是box-sizing中content-box和border-box两者的区别
    查看全部
    0 采集 收起 来源：CSS3 盒子模型

    2017-01-26

  • Ace_____
    CSS3 跨列设置column-span column-span主要用来定义一个分列元素中的子元素能跨列多少。column-width、column-count等属性能让一元素分成多列，不管里面元素如何排放顺序，他们都是从左向右的放置内容，但有时我们需要基中一段内容或一个标题不进行分列，也就是横跨所有列，此时column-span就可以轻松实现，此属性的语法如下。 column-span: none | all 取值说明 属性值 属性值说明 none 此值为column-span的默认值，表示不跨越任何列。 all 这个值跟none值刚好相反，表示的是元素跨越所有列，并定位在列的Ｚ轴之上。
    查看全部
    0 采集 收起 来源：CSS3 跨列设置column-span

    2017-01-26

  • Ace_____
    CSS3 列表边框column-rule column-rule主要是用来定义列与列之间的边框宽度、边框样式和边框颜色。简单点说，就有点类似于常用的border属性。但column-rule是不占用任何空间位置的，在列与列之间改变其宽度不会改变任何列的位置。 语法规则： column-rule:<column-rule-width>|<column-rule-style>|<column-rule-color> 取值说明： 属性值 属性值说明 column-rule-width 类似于border-width属性，主要用来定义列边框的宽度，其默认值为“medium”，column-rule-width属性接受任意浮点数，但不接收负值。但也像border-width属性一样，可以使用关键词：medium、thick和thin。 column-rule-style 类似于border-style属性，主要用来定义列边框样式，其默认值为“none”。column-rule-style属性值与border-style属值相同，包括none、hidden、dotted、dashed、solid、double、groove、ridge、inset、outset。 column-rule-color 类似于border-color属性，主要用来定义列边框颜色，其默认值为前景色color的值，使用时相当于border-color。column-rule-color接受所有的颜色。如果不希望显示颜色，也可以将其设置为transparent(透明色)
    查看全部
    0 采集 收起 来源：CSS3 列表边框column-rule

    2018-03-22

  • 标标哟
    只有一个时，是指随模糊半径。。。后面的 [阴影扩展半径]在实际工作中很少用到。
    查看全部
    0 采集 收起 来源：CSS3边框 阴影 box-shadow（一）

    2017-01-26

  • 标标哟
    不同浏览器对应不同的前缀 前缀 浏览器 -webkit chrome和Safari -moz Firefox -ms IE -o opera chrome是谷歌浏览器，Safari是苹果浏览器，
    查看全部
    0 采集 收起 来源：什么是CSS3？

    2017-01-26

  • 门掩重关萧寺中
    阴影模糊半径：其值越大阴影的边缘就越模糊； 阴影扩展半径：如果值为正，则整个阴影都延展扩大，反之值为负值时，则缩小； X轴偏移量和Y轴偏移量值可以设置为负数
    查看全部
    0 采集 收起 来源：CSS3边框 阴影 box-shadow（二）

    2017-01-26

  • 门掩重关萧寺中
    border-radius:10px; /* 所有角都使用半径为10px的圆角 */ border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下角，顺时针 */ 实心半圆与实心圆
    查看全部
    0 采集 收起 来源：CSS3边框 圆角效果 border-radius

    2017-01-26

首页上一页331332333334335336337下一页尾页

举报

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

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

查看已购买的课程