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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
最热 最新
  • Qiong_524
    “:nth-last-child(n)”选择器和前面的“:nth-child(n)”选择器非常的相似，只是这里多了一个“last”，所起的作用和“:nth-child(n)”选择器有所区别，从某父元素的最后一个子元素开始计算，来选择特定的元素。
    查看全部
    0 采集 收起 来源：CSS3 结构性伪类选择器—nth-last-child(n)

    2017-02-04

  • Qiong_524
    nth-child(n)选择器中的n为一个表达式时，其中n是从0开始计算，当表达式的值为0或小于0的时候，不选择任何匹配的元素。如下表所示： http://img1.sycdn.imooc.com//531eba56000138aa05870197.jpg
    查看全部
    0 采集 收起 来源：CSS3 结构性伪类选择器—nth-child(n)

    2017-02-04

  • Qiong_524
    html代码： <h2><a href="#brand">Brand</a></h2> <div class="menuSection" id="brand"> content for Brand </div> <h2><a href="#jake">Brand</a></h2> <div class="menuSection" id="jake"> content for jake </div> <h2><a href="#aron">Brand</a></h2> <div class="menuSection" id="aron"> content for aron </div> css代码： #brand:target { background: orange; color: #fff; } #jake:target { background: blue; color: #fff; } #aron:target { background: red; color: #fff; } 上面的代码可以对不同的target对象分别设置不的样式。
    查看全部
    0 采集 收起 来源：CSS3 结构性伪类选择器—target

    2018-03-22

  • Qiong_524
    :empty选择器表示的就是空。用来选择没有任何内容的元素，这里没有内容指的是一点内容都没有，哪怕是一个空格。
    查看全部
    0 采集 收起 来源：CSS3 结构性伪类选择器—empty

    2017-02-04

  • Qiong_524
    :not选择器称为否定选择器，和jQuery中的:not选择器一模一样，可以选择除某个元素之外的所有元素。就拿form元素来说，比如说你想给表单中除submit按钮之外的input元素添加红色边框，CSS代码可以写成： form { width: 200px; margin: 20px auto; } div { margin-bottom: 20px; } input:not([type="submit"]){ border:1px solid red; }
    查看全部
    0 采集 收起 来源：CSS3 结构性伪类选择器—not

    2018-03-22

  • Qiong_524
    “:root”选择器等同于<html>元素，简单点说： :root{background:orange} html {background:orange;}
    查看全部
    0 采集 收起 来源：CSS3 结构性伪类选择器—root

    2018-03-22

  • Qiong_524
    http://img1.sycdn.imooc.com//56653eba0001b07004610215.jpg html代码： <a href="xxx.pdf">我链接的是PDF文件</a> <a href="#" class="icon">我类名是icon</a> <a href="#" title="我的title是more">我的title是more</a> css代码 a[class^=icon]{ background: green; color:#fff; } a[href$=pdf]{ background: orange; color: #fff; } a[title*=more]{ background: blue; color: #fff; }
    查看全部
    0 采集 收起 来源：CSS3选择器 属性选择器

    2018-03-22

  • Qiong_524
    background ： [background-color] | [background-image] | [background-position][/background-size] | [background-repeat] | [background-attachment] | [background-clip] | [background-origin],... 1.用逗号隔开每组 background 的缩写值； 2.如果有 size 值，需要紧跟 position 并且用 "/" 隔开； 3.如果有多个背景图片，而其他属性只有一个（例如 background-repeat 只有一个），表明所有背景图片应用该属性值。 4.background-color 只能设置一个。
    查看全部
    0 采集 收起 来源：CSS3背景 multiple backgrounds

    2018-03-22

  • Qiong_524
    用来将背景图片做适当的裁剪以适应实际需要。 background-clip ： border-box | padding-box | content-box | no-clip http://img1.sycdn.imooc.com//5310065d0001c95103660166.jpg
    查看全部
    0 采集 收起 来源：CSS3背景 background-clip

    2017-02-04

  • Qiong_524
    设置元素背景图片的原始起始位置。 background-origin ： border-box | padding-box | content-box; http://img1.sycdn.imooc.com//531003de0001166903660166.jpg 如果背景不是no-repeat，这个属性无效，它会从边框开始显示。
    查看全部
    0 采集 收起 来源：CSS3背景 background-origin

    2017-02-04

  • Qiong_524
    text-shadow: X-Offset Y-Offset blur color; X-Offset：表示阴影的水平偏移距离，其值为正值时阴影向右偏移，反之向左偏移； Y-Offset：是指阴影的垂直偏移距离，如果其值是正值时，阴影向下偏移，反之向上偏移； Blur：是指阴影的模糊程度，其值不能是负值，如果值越大，阴影越模糊，反之阴影越清晰，如果不需要阴影模糊可以将Blur值设置为0； Color：是指阴影的颜色，其可以使用rgba色。
    查看全部
    0 采集 收起 来源：CSS3文字与字体 文本阴影text-shadow

    2017-02-04

  • Qiong_524
    @font-face能够加载服务器端的字体文件，让浏览器端可以显示用户电脑里没有安装的字体。 @font-face { font-family : 字体名称; src : 字体文件在服务器上的相对或绝对路径; }
    查看全部
    0 采集 收起 来源：CSS3文字与字体 嵌入字体@font-face

    2017-02-04

  • Qiong_524
    http://img1.sycdn.imooc.com//53070cc00001a5bc06000200.jpg 强制文本在一行内显示（white-space:nowrap） 溢出内容为隐藏（overflow:hidden） http://img1.sycdn.imooc.com//53070cf700018a2b06000200.jpg
    查看全部
    0 采集 收起 来源：CSS3文字与字体 text-overflow 与 word-wrap

    2017-02-04

  • Qiong_524
    http://img1.sycdn.imooc.com//54b72b2e0001500103790158.jpg http://img1.sycdn.imooc.com//542a25da00017e9406980223.jpg
    查看全部
    0 采集 收起 来源：CSS3颜色 渐变色彩 

    2017-02-04

  • Qiong_524
    color：rgba(R,G,B,A) 红(R)、绿(G)、蓝(B)、A为透明度参数，取值在0~1之间，不可为负值
    查看全部
    0 采集 收起 来源：CSS3颜色 颜色之RGBA

    2017-02-04

首页上一页321322323324325326327下一页尾页

举报

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

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

查看已购买的课程