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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
最热 最新
  • 青灯过往
    ::after的妙用
    查看全部
    0 采集 收起 来源：切换背景图像综合练习题

    2016-05-13

  • serena_mc
    列间距column-gap column-gap主要用来设置列与列之间的间距，其语法规则如下： column-gap: normal || <length> normal默认值，默值为1em（如果你的字号是px，其默认值为你的font-size值）。 <length>此值用来设置列与列之间的距离，其可以使用px,em单位的任何整数值，但不能是负值。
    查看全部
    0 采集 收起 来源：CSS3 列间距column-gap

    2018-03-22

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

    2018-03-22

  • serena_mc
    多列布局——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

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

    2018-03-22

  • weibo_流离1世_03219725
    外轮廓outline 在页面中呈现的效果和边框border呈现的效果极其相似，但和元素边框border完全不同，外轮廓线不占用网页布局空间，不一定是矩形，外轮廓是属于一种动态样式，只有元素获取到焦点或者被激活时呈现。 outline: ［outline-color］ || [outline-style] || [outline-width] || [outline-offset] || inherit outline-color 定义轮廓线的颜色，属性值为CSS中定义的颜色值。在实际应用中，可以将此参数省略，省略时此参数的默认值为黑色。 outline-style 定义轮廓线的样式，属性为CSS中定义线的样式。在实际应用中，可以将此参数省略，省略时此参数的默认值为none，省略后不对该轮廓线进行任何绘制。 outline-width 定义轮廓线的宽度，属性值可以为一个宽度值。在实际应用中，可以将此参数省略，省略时此参数的默认值为medium，表示绘制中等宽度的轮廓线。 outline-offset 定义轮廓边框的偏移位置的数值，此值可以取负数值。当此参数的值为正数值，表示轮廓边框向外偏离多少个像素；当此参数的值为负数值，表示轮廓边框向内偏移多少个像素。 inherit 元素继承父元素的outline效果。
    查看全部
    0 采集 收起 来源：CSS3外轮廓属性

    2016-05-13

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

    2018-03-22

  • qq_心向远方_0
    .wrapper p:first-of-type{ background:orange; } 设置wrapper中的第一个p的背景颜色
    查看全部
    0 采集 收起 来源：CSS3 first-of-type选择器

    2016-05-13

  • qq_心向远方_0
    html代码 <h2><a href="#brand">Brand</a></h2> <div class="menuSection" id="brand"> content for Brand </div> css代码： .menuSection{ display:none; } :target{ display:block; } 目标选择器
    查看全部
    0 采集 收起 来源：CSS3 结构性伪类选择器—target

    2018-03-22

  • Simple_Happiness
    只有 Chrome 和 Opera 支持 column-span 属性。
    查看全部
    0 采集 收起 来源：CSS3 跨列设置column-span

    2016-05-13

  • qq_心向远方_0
    :root{} 根选择器，相当于html{}
    查看全部
    0 采集 收起 来源：CSS3 结构性伪类选择器—root

    2016-05-13

  • qq_心向远方_0
    a[class^=icon] 获取class开头为icon的标签 a[href$=pdf] 获取href末端以pdf结束的标签 a[title*=more] 获取title中含有more的标签
    查看全部
    0 采集 收起 来源：CSS3选择器 属性选择器

    2016-05-13

  • 尹小胖的男人
    CSS3 Gradient 分为线性渐变(linear)和径向渐变(radial)
    查看全部
    0 采集 收起 来源：CSS3颜色 渐变色彩 

    2016-05-13

  • 尹小胖的男人
    CSS3 Gradient 分为线性渐变(linear)和径向渐变(radial)
    查看全部
    0 采集 收起 来源：CSS3颜色 渐变色彩 

    2016-05-13

  • qq_心向远方_0
    background-size:auto|<长度值>|<百分比>|cover|contain
    查看全部
    0 采集 收起 来源：CSS3背景 background-size

    2018-03-22

首页上一页529530531532533534535下一页尾页

举报

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

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

查看已购买的课程