.nav li:before{content:"";width:1px;height:15px;background:#ccc;display:block;float:left;position:absolute;top:35%;left:0; background-image: linear-gradient(to bottom,#f65f57,#fff,#f65f57);}
2016-05-24
已采纳回答 / 慕婉清4374423
CSS3新增动画属性“@keyframes”,从字面就可以看出其含义——关键帧,这与Flash中的含义一致。利用CSS3制作动画效果其原理与Flash一样,我们需要定义关键帧处的状态效果,由CSS3来驱动产生动画效果。
2016-05-24
已采纳回答 / 点都德
display:inline 转化成内联元素,不换行;display:block转换成块元素,换行;display:inline-block内联块元素,既不换行又可以使用块元素所拥有的属性,类似于块元素加了浮动效果,但低版本浏览器对这个不支持。
2016-05-24
最赞回答 / 树懒先生3152678
li::after 这样写只有一个圆圈出现是因为定位的问题, 仔细去看下<...code...>这一段代码里面,li是没有定位的,即没有position,而以下:<...code...>a标签是有position定位的。再看任务二:...
2016-05-24
最新回答 / 深山小童
transition怎么设置多个,请教,个人感觉transition只是是从一种值过渡到另一种值。而animation可以在不同时间段设置不同的属性,更复杂一些。
2016-05-24
.nav li{background: #f65f57 no-repeat right/ 1px 15px linear-gradient(to right, #dd2926,#a82724);}
没有伪元素吧,起码有个after吧?
没有伪元素吧,起码有个after吧?
2016-05-24
1. top:50%,left:50%,是将色块的左上角定位在了屏幕的中央,但是,整体并不在中央;
2. translate的百分比是根据自身的宽度和高度来定的,translate(-50%,-50%) 配合 top:50%,left:50% 实现了居中
2. translate的百分比是根据自身的宽度和高度来定的,translate(-50%,-50%) 配合 top:50%,left:50% 实现了居中
2016-05-23
Font from origin 'http://www.imooc.com' has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.
2016-05-23