慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

三月花一世念

典型的规律型找人啊.... 语法:nth-child(n);n的取值可以通过满足数学规律来设置例如： ol > li:nth-child(2n){ background: orange; }

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—nth-child(n)
2018-03-22
Joanna

nth-child(n) 参数n的起始值始终是1，而不是0。也就是说，参数n的值为0时，选择器将选择不到任何匹配的元素。当“:nth-child(n)”选择器中的n为一个表达式时，其中n是从0开始计算，当表达式的值为0或小于0的时候，不选择任何匹配的元素。

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—nth-child(n)
2017-03-14
Joanna

nth-child(n) 参数n的起始值始终是1，而不是0。

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—nth-child(n)
2017-03-14
慕容7383163

/*使用伪元素制作导航列表项分隔线*/ .nav li{ background: #f65f57 no-repeat right/ 1px 15px linear-gradient(to left, #dd2926,#a82724); } /*删除第一项和最后一项导航分隔线*/ .nav li:last-child{background:none;}

查看全部

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

总结下，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-03-14
三月花一世念

和:first-child语法类似，讲了下应用，比如说我想要第一个子元素或者最后一个子元素具有或者不具有某种样式，很实用

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—last-child
2017-03-14
三月花一世念

做完例子之后的笔记： :first-child,从字面意思可以理解为：第一个孩子。也就是第一个子元素。由此去设置子元素的样式

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—first-child
2017-03-14
三月花一世念

做完例子之后的笔记： :target目标选择器，是一定要匹配到url的目标元素的，一般的url的标志符为#名称语法实例： #brand:target{} 本节作业中，是要点击Brand的时候下面的文本出现样式，那么其实可以理解为<a href>标签下的<p>标签出现样式，结果#brand:target p{ }

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—target
2018-03-22
CJNN

.box_shadow{ box-shadow:4px 2px 6px #333333; }

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（一）
2017-03-14
泡泡糖1002

CSS3背景 background-size 设置背景图片的大小，以长度值或百分比显示，还可以通过cover和contain来对图片进行伸缩。语法： background-size: auto | <长度值> | <百分比> | cover | contain 取值说明： 1、auto：默认值，不改变背景图片的原始高度和宽度； 2、<长度值>：成对出现如200px 50px，将背景图片宽高依次设置为前面两个值，当设置一个值时，将其作为图片宽度值来等比缩放； 3、<百分比>：0％~100％之间的任何值，将背景图片宽高依次设置为所在元素宽高乘以前面百分比得出的数值，当设置一个值时同上； 4、cover：顾名思义为覆盖，即将背景图片等比缩放以填满整个容器； 5、contain：容纳，即将背景图片等比缩放至某一边紧贴容器边缘为止。

查看全部

0 采集收起来源：CSS3背景 background-size
2018-03-22
泡泡糖1002

CSS3背景 background-clip 用来将背景图片做适当的裁剪以适应实际需要。语法： background-clip ： border-box | padding-box | content-box | no-clip 参数分别表示从边框、或内填充，或者内容区域向外裁剪背景。no-clip表示不裁切，和参数border-box显示同样的效果。backgroud-clip默认值为border-box。

查看全部

0 采集收起来源：CSS3背景 background-clip
2017-03-13
慕粉1433309278

matrix(scaleX(),skewY(),skewX(),scaleY(),translateX(),translateY());

查看全部

0 采集收起来源：CSS3中的变形--矩阵 matrix()
2017-03-13
慕粉1433309278

未知宽度和高是多少，我要实现水平垂直居中

查看全部

0 采集收起来源：CSS3中的变形--位移 translate()
2017-03-13
泡泡糖1002

CSS3背景 background-origin 设置元素背景图片的原始起始位置。语法： background-origin ： border-box | padding-box | content-box; 参数分别表示背景图片是从边框，还是内边距（默认值），或者是内容区域开始显示。需要注意的是，如果背景不是no-repeat，这个属性无效，它会从边框开始显示。

查看全部

0 采集收起来源：CSS3背景 background-origin
2017-03-13
qq_微不足道_0

11111111

查看全部

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

首页上一页 290 291 292 293 294 295 296 下一页尾页

0/150

提交

取消

开始学习

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

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