慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

雨中的鱼L

border-radius:100px / 10px;中这个除法是如何使用的上下部边弧度直径100的幅度，左右以10的弧度，如果相同，就是圆形的角

查看全部

0 采集收起来源：CSS3选择器 ::before和::after
2015-03-25
x兔子

:target选择器称为目标选择器，用来匹配文档(页面)的url的某个标志符的目标元素

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—target
2015-03-25
x兔子

“:root”选择器等同于<html>元素，简单点说： :root{background:orange} html {background:orange;} 得到的效果等同。建议使用:root方法。

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—root
2018-03-22
别傻得太天真

div:not([id="footer"]){ background: orange; } :not选择器称为否定选择器，和jQuery中的:not选择器一模一样，可以选择除某个元素之外的所有元素。就拿form元素来说，比如说你想给表单中除submit按钮之外的input元素添加红色边框，CSS代码可以写成：

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—not
2018-03-22
别傻得太天真

:root div{ background:blue; } :root选择器，从字面上我们就可以很清楚的理解是根选择器，他的意思就是匹配元素E所在文档的根元素。在HTML文档中，根元素始终是<html>。

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—root
2018-03-22
别傻得太天真

html: <a href="xxx.pdf">我链接的是PDF文件</a> <a href="#" class="icon">我类名是icon</a> <a href="#" title="我的title是more">我的title是more</a> css: a[class^=icon]{ background: green; color:#fff; } a[href$=pdf]{ background: orange; color: #fff; } a[title*=more]{ background: blue; color: #fff; }

查看全部

0 采集收起来源：CSS3选择器属性选择器
2018-03-22
别傻得太天真

使用渐变与伪元素制作 .nav li::before{ left: 0; background: -moz-linear-gradient(top, #ff625a, #9e3e3a 50%, #ff625a); background: -webkit-linear-gradient(top, #ff625a, #9e3e3a 50%, #ff625a); background: -o-linear-gradient(top, #ff625a, #9e3e3a 50%, #ff625a); background: -ms-linear-gradient(top, #ff625a, #9e3e3a 50%, #ff625a); background: linear-gradient(top, #ff625a, #9e3e3a 50%, #ff625a); }

查看全部

0 采集收起来源：CSS3背景制作导航菜单综合练习题
2015-03-24
别傻得太天真

Stretch 很好理解就是拉伸，有多长拉多长。有多远“滚”多远。注意：Chrome下，中间部分也会被拉伸，webkit浏览器对于round属性和repeat属性似乎没有区分，显示效果是一样的。 Firefox 26.0 下是可以准确区分的

查看全部

0 采集收起来源：CSS3边框为边框应用图片 border-image
2015-03-24
一路向南_0004

transition-delay:指定一个动画开始执行的时间第一个时间的值为 transition-duration，第二个为transition-delay。例如 transition: all.5s ease-in .2s;过渡0.2s后触发，整个过渡时间持续0.5s。

查看全部

0 采集收起来源：CSS3中的动画--过渡延迟时间 transition-delay
2015-03-24
一路向南_0004

transition-timing-function主要用来指定浏览器的过渡速度，以及过渡期间的操作进展情况 1.ease：快到慢 2.linear：匀速 3.ease-in：加速(即渐显效果) 4.ease-out：减速(即渐隐效果) 5.ease-in-out：先加速后减速(即渐显渐隐效果)

查看全部

0 采集收起来源：CSS3中的动画--过渡函数 transition-timing-function
2015-03-24
yunyun_0124

#arm_left:not(\*|*), .arm_rewrite_left:not(\*|*){ background:#07beea; }

查看全部

0 采集收起来源：CSS3能做什么？
2015-03-24
一路向南_0004

transition-duration 属性主要用来设置一个属性过渡到另一个属性所需的时间，也就是从旧属性过渡到新属性花费的时间长度，俗称持续时间。

查看全部

0 采集收起来源：CSS3中的动画--过渡所需时间 transition-duration
2015-03-24
yunyun_0124

border-bottom-right-radius圆角

查看全部

0 采集收起来源：CSS3能做什么？
2015-03-24
yunyun_0124

-webkit-gradient(linear, right top, left bottom, from(#fff),color-stop(0.75,#fff),color-stop(0.85,#eee), to(#999));渐变 background: -moz-linear-gradient(right top, #fff,#fff 75%, #eee 85%, #999);

查看全部

0 采集收起来源：CSS3能做什么？
2015-03-24
一路向南_0004

transition-property用来指定过渡动画的CSS属性名称属性名　　　　　　　　类型 background-color 　 color background-image 　only gradients background-position percentage, length border-bottom-color color border-bottom-width length border-color 　　　　 color border-left-color 　　 color border-left-width 　 length border-right-color 　 color border-right-width 　 length border-spacing 　　　 length border-top-color 　　color border-top-width 　　 length border-width 　　　　length bottom 　　　　　　 length, percentage color 　　　　　　　　 color crop 　　　　　　　　rectangle font-size 　　　　　　 length, percentage font-weight 　　　　　number grid-* 　　　　　　　various height 　　　　　　　 length, percentage left 　　　　　　　　 length, percentage

查看全部

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

首页上一页 1031 1032 1033 1034 1035 1036 1037 下一页尾页

0/150

提交

取消

开始学习

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

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