慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

唯爱美

otate(xdeg) x为整数：顺时针旋转 ,x为负数：逆时针旋转 -webkit:谷歌内核识别码 -moz：火狐内核识别码 -o:欧朋内核识别码 -ms:ie内核识别码

查看全部

0 采集收起来源：CSS3变形--旋转 rotate()
2015-02-09
menghuanbaolei

3-1 颜色之RGBA RGB是一种色彩标准，是由红(R)、绿(G)、蓝(B)的变化以及相互叠加来得到各式各样的颜色。 RGBA是在RGB的基础上增加了控制alpha透明度的参数。语法： color：rgba(R,G,B,A) ; 以上R、G、B三个参数，正整数值的取值范围为：0 - 255。分数值的取值范围：0.0% - 100.0%。超出范围的数值将被截至其最接近的取值极限。并非所有浏览器都支持百分数值。 A为透明度参数，取值在0~1之间，不可为负值。代码示例： background-color:rgba(100,120,60,0.5); 2015年2月9日

查看全部

0 采集收起来源：CSS3颜色颜色之RGBA
2015-02-10
donydou

制作3D旋转视频展示区

查看全部

0 采集收起来源：制作3D旋转视频展示区
2015-02-09
Vancys

动画--过渡所需时间 transition-duration

查看全部

0 采集收起来源：CSS3中的动画--过渡所需时间 transition-duration
2015-02-09
Vancys

过渡属性 transition-property

查看全部

0 采集收起来源：CSS3中的动画--过渡属性 transition-property
2015-02-09
menghuanbaolei

2-4 为边框应用图片 border-imgae 顾名思义就是为边框应用背景图片，它和我们常用的background属性比较相似。例如： border-image:url(border.png) 70 70 70 70 repeat ; url(border.jpng) 图片路径 ; 70 切割图片的宽度，顺时针顺序 ; repeat 图片延伸方式 ; 图片延伸方式有三种：round（平铺）、repeat（重复）、stretch（拉伸）; Repeat 参数：Repeat就是一直重复，然后超出部分剪裁掉，而且是居中开始重复 ; Round 参数：Round可以理解为圆满的铺满。为了实现圆满所以会压缩（或拉伸 ; Stretch 参数：Stretch 很好理解就是拉伸，有多长拉多长。有多远“滚”多远 ; 注意：Chrome下，Stretch中间部分也会被拉伸，webkit浏览器对于round属性和repeat属性似乎没有区分，显示效果是一样的。 Firefox 26.0 下是可以准确区分的。 2015年2月9日

查看全部

0 采集收起来源：CSS3边框为边框应用图片 border-image
2015-02-11
唯爱美

有卡顿

查看全部

0 采集收起来源：切换背景图像综合练习题
2015-02-09
_大空benc

伸缩布局（一）

查看全部

0 采集收起来源：CSS3 伸缩布局（一）
2015-02-09
聚散云烟

: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)
2015-02-09
_大空benc

列表边框column-rule -webkit-column-rule:2px dotted green; -moz-column-rule:2px dotted green; -o-column-rule:2px dotted green; -ms-column-rule:2px dotted green; column-rule:2px dotted green;

查看全部

0 采集收起来源：CSS3 列表边框column-rule
2015-02-09
海枯_

空格：$('parent childchild')表示获取parent下的所有的childchild节点（所有的子孙）。大于号：$('parent > child')表示获取parent下的所有child的儿子( 第一代)。加号：$('pre + nextbrother')表示获得pre节点的下一个兄弟节点，相当于next()方法波浪号：$('pre ~ brother')表示获取pre节点的后面的所有兄弟节点，相当于nextAll()方法。

查看全部

0 采集收起来源：CSS3 nth-of-type(n)选择器
2018-03-22
唯爱美

odd偶数 even奇数

查看全部

0 采集收起来源：CSS3 nth-of-type(n)选择器
2015-02-09
_大空benc

.columns { width: 500px; padding: 5px; border: 1px solid green; margin: 20px auto; -webkit-columns:150px 3; -moz-columns:150px 3; -o-columns:150px 3; -ms-columns:150px 3; columns:150px 3; }

查看全部

0 采集收起来源：CSS3 多列布局——Columns
2015-02-09
donydou

脚本下载地址： media-queries.js(http://code.google.com/p/css3-mediaqueries-js/) respond.js(https://github.com/scottjehl/Respond) <!—[if lt IE9]> <scriptsrc=http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js></script> <![endif]>

查看全部

0 采集收起来源：Responsive设计——meta标签
2018-03-22
RedJoyy

为边框应用图片，数字不可加单位像素px

查看全部

0 采集收起来源：CSS3边框为边框应用图片 border-image
2015-02-09

首页上一页 1100 1101 1102 1103 1104 1105 1106 下一页尾页

0/150

提交

取消

开始学习

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

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