慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

faish

:nth-child：是选择父元素下的第几个元素，不分标签类别，计数从1开始 :nth-of-type：是选择父元素下的同类型元素的第几个元素。区分标签类别，计数从1开始 p:first：选择第一个出现的p元素 p:first-child：为第一个元素且为p才会被选择，否则不选 p:first-of-type：为p元素集合中第一个

查看全部

0 采集收起来源：CSS3 nth-of-type(n)选择器
2017-04-06
faish

“:nth-of-type(n)”选择器和“:nth-child(n)”选择器非常类似，不同的是它只计算父元素中指定的某种类型的子元素。当某个元素中的子元素不单单是同一种类型的子元素时，使用“:nth-of-type(n)”选择器来定位于父元素中某种类型的子元素是非常方便和有用的。在“:nth-of-type(n)”选择器中的“n”和“:nth-child(n)”选择器中的“n”参数也一样，可以是具体的整数，也可以是表达式，还可以是关键词。

查看全部

0 采集收起来源：CSS3 nth-of-type(n)选择器
2017-04-06
jugge

阴影模糊半径：此参数可选，其值只能是为正值，如果其值为0时，表示阴影不具有模糊效果，其值越大阴影的边缘就越模糊；阴影扩展半径：此参数可选，其值可以是正负值，如果值为正，则整个阴影都延展扩大，反之值为负值时，则缩小；

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（二）
2017-04-06
jugge

在编写CSS3样式时，不同的浏览器可能需要不同的前缀。它表示该CSS属性或规则尚未成为W3C标准的一部分，是浏览器的私有属性，虽然目前较新版本的浏览器都是不需要前缀的，但为了更好的向前兼容前缀还是少不了的。前缀浏览器 -webkit chrome和safari -moz firefox -ms IE -o opera

查看全部

0 采集收起来源：什么是CSS3？
2017-04-06
慕雪7515468

CSS3中的三种动画:tranform形变动画/transition缓动动画/animation逐帧动画; tranform: rotate旋转/skew扭曲/scale缩放/translate移动/matrix矩阵变形; transition: property /duration /timing-function /delay; animation: KeyframesName /duration /timing-function /delay /iteration-count /direction /play-state /fill-mode;

查看全部

0 采集收起来源：CSS3中设置动画播放时间
2017-04-05
慕雪7515468

animation-iteration-count属性定义动画的播放次数。语法 animation-iteration-count: n|infinite; 值描述 n 定义动画播放次数的数值。 infinite 规定动画应该无限次播放。 1 默认值

查看全部

0 采集收起来源：CSS3中调用动画
2017-04-05
faish

^ 是选择开头位置包含的 $是选择结尾位置包含的 *是选择任意位置包含的记住这三句。

查看全部

0 采集收起来源：CSS3选择器属性选择器
2017-04-05
faish

text-shadow:x-offset y-offset blur color x：水平偏移距离 y：垂直偏移距离 blur：模糊距离，不能为负值，注意要加px单位！！！ color：阴影颜色

查看全部

0 采集收起来源：CSS3文字与字体文本阴影text-shadow
2017-04-05
faish

但是text-overflow只是用来说明文字溢出时用什么方式显示，要实现溢出时产生省略号的效果，还须定义强制文本在一行内显示（white-space:nowrap）及溢出内容为隐藏（overflow:hidden），只有这样才能实现溢出文本显示省略号的效果，代码如下： text-overflow:ellipsis; overflow:hidden; white-space:nowrap; 同时，word-wrap也可以用来设置文本行为，当前行超过指定容器的边界时是否断开转行。

查看全部

0 采集收起来源：CSS3文字与字体 text-overflow 与 word-wrap
2017-04-05
qq_风龙_0

odd 奇数 even 偶数 nth-child()伪类选择一个或者多个子元素

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—nth-child(n)
2017-04-05
qq_风龙_0

目标元素可以改变任意元素， :target *{ background: red; color: #fff; } 也可以指定改变 p标签

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—target
2017-04-05
qq_风龙_0

虽然有很多选择方法，但既然是学习^$*通配符，就应该使用他们 a[class^=column]{ background:red; } a[title*=box]{ background:blue; } a[href$=doc]{ background:green; }

查看全部

0 采集收起来源：CSS3选择器属性选择器
2017-04-05
慕雪7515468

transition是一个复合属性 transition:transition-property transition-duration transition-timing-function transition-delay 要过渡或者动态的css属性完成过渡的时间过渡的函数这个过渡出现的延迟时间 ———————————————————————————————————————————— *注意：如果未指定的期限，transition将没有任何效果，因为默认值是0。要添加多个样式的变换效果，添加的属性由逗号分隔，例如transition: width 2s, height 2s, transform 2s;

查看全部

0 采集收起来源：CSS3中的动画--过渡属性 transition-property
2017-04-04
利木

【放假了做做这个大作业吧，不然这课就白学了】

查看全部

0 采集收起来源：制作3D旋转视频展示区
2017-04-03
Wendy_22

实心上半圆：方法：把高度(height)设为宽度（width）的一半，并且只设置左上角和右上角的半径与元素的高度一致（大于也是可以的）。 div{ height:50px;/*是width的一半*/ width:100px; background:#9da; border-radius:50px 50px 0 0;/*半径至少设置为height的值*/ } 实心圆：方法：把宽度（width）与高度(height)值设置为一致（也就是正方形），并且四个圆角值都设置为它们值的一半。如下代码： div{ height:100px;/*与width设置一致*/ width:100px; background:#9da; border-radius:50px;/*四个圆角值都设置为宽度或高度值的一半*/ }

查看全部

0 采集收起来源：CSS3边框圆角效果 border-radius
2017-04-03

首页上一页 268 269 270 271 272 273 274 下一页尾页

0/150

提交

取消

开始学习

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

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