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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
最热 最新
  • 程序爱好者11
    仿京东一个特效
    查看全部
    0 采集 收起 来源：CSS3中的变形--位移 translate()

    2015-09-16

  • 程序爱好者11
    border-radius是一种缩写方法。如果“/”前后的值都存在，那么“/”前面的值设置其水平半径，“/”后面值设置其垂直半径。
    查看全部
    0 采集 收起 来源：CSS3选择器 ::before和::after

    2015-09-16

  • indd
    感觉，target就是:target选择器称为目标选择器，用来匹配文档(页面)的url的某个标志符的目标元素。
    查看全部
    0 采集 收起 来源：CSS3 结构性伪类选择器—target

    2015-09-15

  • indd
    演示结果： 只是段落而已<p>里面的内容</P>
    查看全部
    0 采集 收起 来源：CSS3 结构性伪类选择器—target

    2018-03-22

  • indd
    :target{/*这里的:target就是指id="brand"的div对象*/
    查看全部
    0 采集 收起 来源：CSS3 结构性伪类选择器—target

    2018-03-22

  • 和和美美
    wqeq
    查看全部
    0 采集 收起 来源：CSS3背景 制作导航菜单综合练习题

    2015-09-15

  • 静止
    在伸缩布局Flexbox容器中制作水平垂直居中。设置justify-content或者align-items为center。另外根据主轴的方向设置flex-direction为row或column。
    查看全部
    0 采集 收起 来源：CSS3 伸缩布局（二）

    2015-09-15

  • 静止
    盒子模型
    查看全部
    0 采集 收起 来源：CSS3 盒子模型

    2015-09-15

  • indd
    :empty选择器表示的就是空。用来选择没有任何内容的元素，这里没有内容指的是一点内容都没有，哪怕是一个空格。 示例显示： 比如说，你的文档中有三个段落p元素，你想把没有任何内容的P元素隐藏起来。我们就可以使用“:empty”选择器来控制。
    查看全部
    0 采集 收起 来源：CSS3 结构性伪类选择器—empty

    2015-09-15

  • indd
    :not选择器称为否定选择器，和jQuery中的:not选择器一模一样，可以选择除某个元素之外的所有元素。就拿form元素来说，比如说你想给表单中除submit按钮之外的input元素添加红色边框 div:not([id="footer"]){ background:orange; }
    查看全部
    0 采集 收起 来源：CSS3 结构性伪类选择器—not

    2018-03-22

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

    2018-03-22

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

    2018-03-22

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

    2018-03-22

  • 静止
    列表边框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

  • 静止
    设置动画时间外属性 animation-fill-mode属性定义在动画开始之前和结束之后发生的操作。主要具有四个属性值：none、forwards、backwords和both。其四个属性值对应效果如下： 属性值 效果 none 默认值，表示动画将按预期进行和结束，在动画完成其最后一帧时，动画会反转到初始帧处 forwards 表示动画在结束后继续应用最后的关键帧的位置 backwards 会在向元素应用动画样式时迅速应用动画的初始帧 both 元素动画同时具有forwards和backwards效果 在默认情况之下，动画不会影响它的关键帧之外的属性，使用animation-fill-mode属性可以修改动画的默认行为。简单的说就是告诉动画在第一关键帧上等待动画开始，或者在动画结束时停在最后一个关键帧上而不回到动画的第一帧上。或者同时具有这两个效果。
    查看全部
    0 采集 收起 来源：CSS3中设置动画时间外属性

    2015-09-15

首页上一页774775776777778779780下一页尾页

举报

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

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

查看已购买的课程