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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
最热 最新
  • 一路向南_0004
    animation-fill-mode属性定义在动画开始之前和结束之后发生的操作 none 默认值，表示动画将按预期进行和结束，在动画完成其最后一帧时，动画会反转到初始帧处 forwards 表示动画在结束后继续应用最后的关键帧的位置 backwards 会在向元素应用动画样式时迅速应用动画的初始帧 both 元素动画同时具有forwards和backwards效果
    查看全部
    0 采集 收起 来源：CSS3中设置动画时间外属性

    2015-03-24

  • 洛雪
    结构性伪类选择器—nth-last-child(n) “:nth-last-child(n)”选择器和前面的“:nth-child(n)”选择器非常的相似，只是这里多了一个“last”，所起的作用和“:nth-child(n)”选择器有所区别，从某父元素的最后一个子元素开始计算，来选择特定的元素。
    查看全部
    0 采集 收起 来源：CSS3 结构性伪类选择器—nth-last-child(n)

    2015-03-24

  • 洛雪
    结构性伪类选择器—nth-child(n) “: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)

    2015-03-24

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

    2015-03-24

  • colorful_star
    渐变的导航
    查看全部
    1 采集 收起 来源：CSS3颜色 渐变色彩 

    2015-04-12

  • 洛雪
    结构性伪类选择器—last-child “:last-child”选择器与“:first-child”选择器作用类似，不同的是“:last-child”选择器选择的是元素的最后一个子元素。例如，需要改变的是列表中的最后一个“li”的背景色，就可以使用这个选择器， ul>li:last-child{background:blue;}
    查看全部
    0 采集 收起 来源：CSS3 结构性伪类选择器—last-child

    2018-03-22

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

    2018-03-22

  • 乂_2015
    ：当“transition-property”属性设置为all时，表示的是所有中点值的属性。 用一个简单的例子来说明这个问题： 假设你的初始状态设置了样式“width”,“height”,“background”,当你在终始状态都改变了这三个属性，那么all代表的就是“width”、“height”和“background”。如果你的终始状态只改变了“width”和“height”时，那么all代表的就是“width”和“height”。
    查看全部
    0 采集 收起 来源：CSS3中的动画--过渡属性 transition-property

    2015-03-24

  • 凤仪
    列间距column-gap column-gap主要用来设置列与列之间的间距 语法： column-gap: normal || <length> 取值说明 1.normal 默认值，默值为1em（如果你的字号是px，其默认值为你的font-size值）。 2.<length> 此值用来设置列与列之间的距离，其可以使用px,em单位的任何整数值，但不能是负值。 例如：将内容分三列显列，列与列之间的间距为2em，实现代码为： column-count: 3; column-gap: 2em;
    查看全部
    0 采集 收起 来源：CSS3 列间距column-gap

    2018-03-22

  • 凤仪
    多列布局——column-count column-count属性主要用来给元素指定想要的列数和允许的最大列数。其语法规则： column-count：auto | <integer> 取值说明： 1.auto 此值为column-count的默认值，表示元素只有一列，其主要依靠浏览器计算自动设置。 2.<integer> 此值为正整数值，主要用来定义元素的列数，取值为大于0的整数，负值无效。 例如：将列分成四列显示，代码如下： column-count:4;
    查看全部
    0 采集 收起 来源：CSS3 多列布局——column-count

    2018-03-22

  • 武漢青
    好素材
    查看全部
    0 采集 收起 来源：CSS3选择器 :disabled选择器

    2015-03-24

  • 凤仪
    多列布局——column-width column-width的使用和CSS中的width属性一样，不过不同的是，column-width属性在定义元素列宽的时候，既可以单独使用，也可以和多列属性中其他属性配合使用。其基本语法如下所示 ； column-width: auto | <length> 1.auto 如果column-width设置值为auto或者没有显式的设置值时，元素多列的列宽将由其他属性来决定，比如前面的示例就是由列数column-count来决定。 2.<length> 使用固定值来设置元素列的宽度，其主要是由数值和长度单位组成，不过其值只能是正值，不能为负值。
    查看全部
    0 采集 收起 来源：CSS3 多列布局——column-width

    2018-03-22

  • 凤仪
    多列布局——Columns 为了能在Web页面中方便实现类似报纸、杂志那种多列排版的布局，W3C特意给CSS3增加了一个多列布局模块（CSS Multi Column Layout Module）。它主要应用在文本的多列布局方面，这种布局在报纸和杂志上都使用了几十年了，但要在Web页面上实现这样的效果还是有相当大的难度，庆幸的是，CSS3的多列布局可以轻松实现。接下来咱们一起学习多列布局相关的知识。 语法： columns：<column-width> || <column-count> 多列布局columns属性参数主要就两个属性参数：列宽和列数。 1.<column-width> 主要用来定义多列中每列的宽度 2.<column-count> 主要用来定义多列中的列数 举例：要显示2栏显示，每栏宽度为200px，代码为： columns: 200px 2; 到目前为止大部分主流浏览器都对其支持： 不过还是需要添加浏览器的私有前缀：-moz，-webkit，-ms，-o等。
    查看全部
    0 采集 收起 来源：CSS3 多列布局——Columns

    2018-03-22

  • 雨中的鱼L
    transition-property:指定过渡或动态模拟的CSS属性 没有写transition-property的话，表示默认ALL 就是全部发生改变的都过渡
    查看全部
    1 采集 收起 来源：CSS3中的动画--过渡属性 transition-property

    2015-03-31

  • 洛雪
    结构性伪类选择器—first-child “:first-child”选择器表示的是选择父元素的第一个子元素的元素E。简单点理解就是选择元素中的第一个子元素，记住是子元素，而不是后代元素。
    查看全部
    0 采集 收起 来源：CSS3 结构性伪类选择器—first-child

    2015-03-24

首页上一页1034103510361037103810391040下一页尾页

举报

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

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

查看已购买的课程