慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

影布蚀裳

: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)
2016-03-10
影布蚀裳

结构性伪类选择器—last-child “:last-child”选择器与“:first-child”选择器作用类似，不同的是“:last-child”选择器选择的是元素的最后一个子元素。例如，需要改变的是列表中的最后一个“li”的背景色，就可以使用这个选择器， ul>li:last-child{background:blue;}

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—last-child
2018-03-22
执念如临刀尖

li：first-child{样式} /*ul中第一个li元素样式*/ li：last-child{样式} /*ul中第一个最后元素样式*/ li：nth-child（n）{样式} /*ul中从上到下第n个li元素样式*/ li：nth-last-child（n）{样式} /*ul中从下到上第n个li元素样式（加上（last就是倒叙））*/ li：nth-child（even）{样式} /*ul中从上到下第2·4·6个（序列为偶数）li元素样式*/ li：nth-child（odd）{样式} /*ul中从上到下第1·3·5个（序列为奇数）li元素样式*/

查看全部

0 采集收起来源：CSS3背景制作导航菜单综合练习题
2016-03-09
执念如临刀尖

no-repeat

查看全部

0 采集收起来源：CSS3背景 multiple backgrounds
2016-03-09
执念如临刀尖

@font-face能够加载服务器端的字体文件，让浏览器端可以显示用户电脑里没有安装的字体。语法： @font-face { font-family : 字体名称; src : 字体文件在服务器上的相对或绝对路径; } 这样设置之后，就可以像使用普通字体一样在（font-*）中设置字体样式。比如： p { font-size :12px; font-family : "My Font"; /*必须项，设置@font-face中font-family同样的值*/ }

查看全部

0 采集收起来源：CSS3文字与字体嵌入字体@font-face
2018-03-22
harukochan

animation-fill-mode 动画时间外属性，决定了动画开始之前、完成之后的状态注意animation-fill-mode 四个属性的区别

查看全部

0 采集收起来源：CSS3中设置动画时间外属性
2016-03-09
harukochan

animation-direction:alternate; 第偶数次向前播放，第奇数次向反方向播放

查看全部

0 采集收起来源：CSS3中设置动画播放方向
2016-03-09
执念如临刀尖

渐变色彩 CSS3 Gradient 分为线性渐变(linear)和径向渐变(radial)。由于不同的渲染引擎实现渐变的语法不同，这里我们只针对线性渐变的 W3C 标准语法来分析其用法，其余大家可以查阅相关资料。W3C 语法已经得到了 IE10+、Firefox19.0+、Chrome26.0+ 和 Opera12.1+等浏览器的支持。这一小节我们来说一下线性渐变：参数：第一个参数:指定渐变方向，可以用“角度”的关键词或“英文”来表示：（单击图片可放大）第一个参数省略时，默认为“180deg”，等同于“to bottom”。第二个和第三个参数，表示颜色的起始点和结束点，可以有多个颜色值。 background-image:linear-gradient(to left, red, orange,yellow,green,blue,indigo,violet); 效果图：

查看全部

0 采集收起来源：CSS3颜色渐变色彩
2016-03-09
harukochan

transition-delay,一个动画开始执行的时间，即改变元素属性值后多长时间开始执行

查看全部

0 采集收起来源：CSS3中的动画--过渡延迟时间 transition-delay
2016-03-09
harukochan

transition-timing-function,五个函数

查看全部

0 采集收起来源：CSS3中的动画--过渡函数 transition-timing-function
2016-03-09
harukochan

transition-property,过渡或动态模拟的CSS属性

查看全部

0 采集收起来源：CSS3中的动画--过渡属性 transition-property
2016-03-09
影布蚀裳

结构性伪类选择器—first-child “:first-child”选择器表示的是选择父元素的第一个子元素的元素E。简单点理解就是选择元素中的第一个子元素，记住是子元素，而不是后代元素。示例演示通过“:first-child”选择器定位列表中的第一个列表项，并将序列号颜色变为红色。

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—first-child
2016-03-09
影布蚀裳

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

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—empty
2016-03-09
影布蚀裳

结构性伪类选择器—not :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
影布蚀裳

E[att] CSS2 选择具有att属性的E元素。 E[att="val"] CSS2 选择具有att属性且属性值等于val的E元素。 E[att~="val"] CSS2 选择具有att属性且属性值为一用空格分隔的字词列表，其中一个等于val的E元素。 E[att^="val"] CSS3 选择具有att属性且属性值为以val开头的字符串的E元素。 E[att$="val"] CSS3 选择具有att属性且属性值为以val结尾的字符串的E元素。 E[att*="val"] CSS3 选择具有att属性且属性值为包含val的字符串的E元素。 E[att|="val"] CSS2 选择具有att属性且属性值为以val开头并用连接符"-"分隔的字符串的E元素，如果属性值仅为val，也将被选择。

查看全部

0 采集收起来源：CSS3选择器属性选择器
2018-03-22

首页上一页 609 610 611 612 613 614 615 下一页尾页

0/150

提交

取消

开始学习

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

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