慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

weibo_流离1世_03219725

“:last-of-type”选择器和“:first-of-type”选择器功能是一样的，不同的是他选择是父元素下的某个类型的最后一个子元素。

查看全部

0 采集收起来源：CSS3 last-of-type选择器
2016-05-11
weibo_流离1世_03219725

odd为奇数，even为偶数，2n是偶数，2n+1、2n-1是奇数

查看全部

0 采集收起来源：CSS3 nth-of-type(n)选择器
2016-05-11
weibo_流离1世_03219725

将容器“div.wrapper”中的第一个div元素背景设置为橙色。 .wrapper > div:first-of-type { background: orange; }

查看全部

0 采集收起来源：CSS3 first-of-type选择器
2018-03-22
weibo_流离1世_03219725

“:nth-last-child(n)”选择器,是从父元素的最后一个子元素开始计算，来选择特定的元素。也就是倒数第n个。

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—nth-last-child(n)
2016-05-11
weibo_流离1世_03219725

当“:nth-child(n)”选择器中的n为一个表达式时，其中n是从0开始计算，当表达式的值为0或小于0的时候，不选择任何匹配的元素。其中“n”是其参数，而且可以是整数值(1,2,3,4)，也可以是表达式(2n+1、-n+5)和关键词(odd、even)，但参数n的起始值始终是1，而不是0。

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—nth-child(n)
2016-05-11
weibo_流离1世_03219725

:target选择器称为目标选择器，用来匹配文档(页面)的url的某个标志符的目标元素。 #brand:target p { background: orange; color: #fff; }

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—target
2016-05-11
weibo_流离1世_03219725

结构性伪类选择器—empty 用来选择没有任何内容的元素，这里没有内容指的是一点内容都没有，哪怕是一个空格。

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—empty
2016-05-11
weibo_流离1世_03219725

div中除了id=footer的元素，背景色都为橙色。 div:not([id="footer"]){ background: orange; }

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—not
2018-03-22
weibo_流离1世_03219725

a[class^=colum]{background-color:red;}，选择class以colum开头的内容。 a[href$=doc]{background-color:green;}，选择href以doc结束的内容。 a[title*=box]{background-color:blue;}，选择title包含box的内容。

查看全部

0 采集收起来源：CSS3选择器属性选择器
2016-05-11
weibo_流离1世_03219725

/*使用伪元素制作导航列表项分隔线*/ .nav li:after{ content:""; position:absolute; right:0px; top:20px; height:15px; width:1px; background:linear-gradient(to bottom,#F65F57,#BF544B,#F65F57); } /*删除第一项和最后一项导航分隔线*/ .nav li:last-child:after{ width:0px; height:0px; }

查看全部

0 采集收起来源：CSS3背景制作导航菜单综合练习题
2018-03-22
serena_mc

值得学习

查看全部

0 采集收起来源：制作3D旋转导航综合练习题
2016-05-11
serena_mc

假设background:black; 动画第一帧red, 最后一帧blue, delay 3s none: black, delay 3s ,animation, black //在自身等待 forwards:black, delay 3s, animation, blue //关键是结束后停留在最后一帧 backwards:black, red, delay 3s, animation, black //关键是在第一帧等待 both: black, red, delay 3s, animation, blue //有两者的效果

查看全部

0 采集收起来源：CSS3中设置动画时间外属性
2016-05-11
serena_mc

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

查看全部

0 采集收起来源：CSS3中设置动画时间外属性
2016-05-11
serena_mc

设置动画的播放状态 animation-play-state属性主要用来控制元素动画的播放状态。参数：其主要有两个值：running和paused。其中running是其默认值，主要作用就是类似于音乐播放器一样，可以通过paused将正在播放的动画停下来，也可以通过running将暂停的动画重新播放，这里的重新播放不一定是从元素动画的开始播放，而是从暂停的那个位置开始播放。另外如果暂停了动画的播放，元素的样式将回到最原始设置状态。

查看全部

0 采集收起来源：CSS3中设置动画的播放状态
2016-05-11
serena_mc

设置动画播放方向 animation-direction属性主要用来设置动画播放方向，其语法规则如下： animation-direction:normal | alternate [, normal | alternate]* 其主要有两个值：normal、alternate 1、normal是默认值，如果设置为normal时，动画的每次循环都是向前播放； 2、另一个值是alternate，他的作用是，动画播放在第偶数次向前播放，第奇数次向反方向播放。注意：Chrome或Safari浏览器，需要加入-webkit-前缀！

查看全部

0 采集收起来源：CSS3中设置动画播放方向
2016-05-11

首页上一页 532 533 534 535 536 537 538 下一页尾页

0/150

提交

取消

开始学习

课程须知: 1.html+CSS相关基础知识 2.具有一定的网页制作经验 3.此课程不支持IE9版本以下，建议使用 chrome、safari、firefox、opera浏览器学习本课程。

老师告诉你能学到什么？: 1.系统学习CSS3相关知识 2.轻松制作出各种绚丽的效果