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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
最热 最新
  • 专业装B不拐弯
    CSS3 结构性伪类选择器—nth-last-child(n) “:nth-last-child(n)”:从某父元素的最后一个子元素开始计算，来选择特定的元素。
    查看全部
    0 采集 收起 来源：CSS3 结构性伪类选择器—nth-last-child(n)

    2017-03-11

  • 专业装B不拐弯
    CSS3 结构性伪类选择器—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)

    2017-03-11

  • 专业装B不拐弯
    css3结构性伪类选择器-first-child “:first-child”选择器表示的是选择父元素的第一个子元素的元素E。简单点理解就是选择元素中的第一个子元素，记住是子元素，而不是后代元素。 <ol> <li><a href="##">Link1</a></li> <li><a href="##">Link2</a></li> <li><a href="##">link3</a></li> </ol> ol > li:first-child{ color: red; }
    查看全部
    0 采集 收起 来源：CSS3 结构性伪类选择器—first-child

    2018-03-22

  • 专业装B不拐弯
    css3结构性伪类选择器-target :target选择器称为目标选择器，用来匹配文档（页面）的url的某个标志符的目标元素。 <h2><a href="#brand">Brand</a></h2> <div class="menuSection" id="brand"> content for Brand </div> .menuSection{ display: none; } :target{/*这里的:target就是指id="brand"的div对象*/ display:block; }
    查看全部
    0 采集 收起 来源：CSS3 结构性伪类选择器—target

    2018-03-22

  • 前端大萌新
    看优化后的代码试一试就明白了
    查看全部
    0 采集 收起 来源：CSS3中设置动画时间外属性

    2017-03-11

  • 前端大萌新
    修改单选框技巧
    查看全部
    0 采集 收起 来源：CSS3选择器 :checked选择器

    2017-03-10

  • 泡泡糖1002
    text-overflow用来设置是否使用一个省略标记（...）标示对象内文本的溢出。 text-overflow:clip(表示剪切) || ellipsis（表示显示省略标记） 要实现溢出时产生省略号的效果，还须定义强制文本在一行内显示（white-space:nowrap）及溢出内容为隐藏（overflow:hidden），只有这样才能实现溢出文本显示省略号的效果，代码如下： text-overflow:ellipsis; overflow:hidden; white-space:nowrap; 同时，word-wrap也可以用来设置文本行为，当前行超过指定容器的边界时是否断开转行。 word-wrap:normal(表示控制连续文本换行)||break-word（表示内容将在边界内换行）
    查看全部
    0 采集 收起 来源：CSS3文字与字体 text-overflow 与 word-wrap

    2017-03-10

  • 泡泡糖1002
    CSS3颜色 渐变色彩 background-image:linear-gradient(to left, red, orange,yellow,green,blue,indigo,violet); 颜色可以为大于等于两种 从下向上：to top,0deg; 从左向右：to right，90deg； 从上向下： to bottom ,180deg; 从右向左：to left，270deg； 右下角到左上角：to top left； 左下角到右上角：to top right；
    查看全部
    0 采集 收起 来源：CSS3颜色 渐变色彩 

    2017-03-10

  • 泡泡糖1002
    CSS3边框 为边框应用图片 border-image 顾名思义就是为边框应用背景图片，它和我们常用的background属性比较相似。例如： background:url(xx.jpg) 10px 20px no-repeat; #border-image{ background:#F4FFFA; width:210px; height:210px; border:70px solid #ddd; border-image:url(borderimg.png) 70 repeat （或者round、stretch） }
    查看全部
    0 采集 收起 来源：CSS3边框 为边框应用图片 border-image

    2017-03-10

  • 泡泡糖1002
    CSS3边框 阴影 box-shadow（二） 1、阴影模糊半径与阴影扩展半径的区别 阴影模糊半径：此参数可选，其值只能是为正值，如果其值为0时，表示阴影不具有模糊效果，其值越大阴影的边缘就越模糊； 阴影扩展半径：此参数可选，其值可以是正负值，如果值为正，则整个阴影都延展扩大，反之值为负值时，则缩小； 2、X轴偏移量和Y轴偏移量值可以设置为负数 box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式]; X轴偏移量为负数： .boxshadow-outset{ width:100px; height:100px; box-shadow:-4px 4px 6px #666; }
    查看全部
    0 采集 收起 来源：CSS3边框 阴影 box-shadow（二）

    2017-03-10

  • 慕粉1550447812
    background-origin:border-box |padding-box |content-box; 如果不是no-repeat,这个属性无效
    查看全部
    0 采集 收起 来源：CSS3背景 background-origin

    2017-03-10

  • 慕粉1550447812
    background-clip: border-box |padding-box | content-box| no-clip; no-clip:表示不裁剪 默认值为border-box
    查看全部
    0 采集 收起 来源：CSS3背景 background-clip

    2017-03-10

  • 慕粉1550447812
    text-shadow: X-offset Y-offset blur color; X-offset:阴影的水平偏移距离，正右负左 Y-offset:阴影的垂直偏移距离，正下负上 blur:阴影的模糊程度，最小值为0 color:阴影的颜色
    查看全部
    0 采集 收起 来源：CSS3文字与字体 文本阴影text-shadow

    2017-03-10

  • 慕码人1183263
    .nav li:not(:first-child):after,.nav li:not(:last-child):after 这里要注意的是显示的结果是两类的总合，第一个是除了第一个外都显示，第二个是除了最后一个外都显示，所以它们合起来的就是全部都显示． 另外如果让添加的after,before不显示，可以用content:none;
    查看全部
    0 采集 收起 来源：CSS3背景 制作导航菜单综合练习题

    2017-03-10

  • 因尔
    变形--位移 translate() 1、translate(x,y)水平方向和垂直方向同时移动（也就是X轴和Y轴同时移动） 2、translateX(x)仅水平方向移动（X轴移动） 3、translateY(Y)仅垂直方向移动（Y轴移动）
    查看全部
    0 采集 收起 来源：CSS3中的变形--位移 translate()

    2017-03-10

首页上一页293294295296297298299下一页尾页

举报

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

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

查看已购买的课程