![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
文章平均质量分 70
natsuyu
这个作者很懒,什么都没留下…
展开
-
css实现圆球顺时针滚动
在懒人之家看到的。。小小实现了一下几乎花掉一下午。。。好醉。。虽然好像理一理框架,但是电脑上好难说。。。。效果图大概这样。round是细框,test是小球,inner是实心圆。其实动的不是小球,是细框,但是因为小球在细框里所以带着小球一起动。可以get的技能:margin为负值,定位的方法,css animation的用法, 不同浏览器的兼容(-webkit- ...) roun原创 2015-07-17 19:03:02 · 2469 阅读 · 0 评论 -
【CSS笔记】关于css的各种新旧选择器和伪类和伪元素
今天晚上做了网易的笔试。。= =。。。。恩。。。一言难尽。。。先补自己的缺漏再说吧碰到几个css的选择器就有点懵逼。。。。有点忘。。= = 选择器:[att = val] => 属性完全匹配val[att ^= val] => 属性的开头要匹配val(只要能匹配就好,比如[class^="te"],就可以匹配到类名中有test的元素)[att $= val] => 属性的结尾原创 2016-03-23 16:32:31 · 403 阅读 · 5 评论 -
【CSS零碎】visibility:hidden和display:none
visibility:hidden和display:none都能使元素看不见,但是前者只是看不见,但是实际还存在在文档流中;后者是直接从文档流中删去了,根本不存在。visibility的属性:inherit => 从父元素继承属性hidden =>隐藏元素visible => 元素可见collapse => 主要用于table,删除一行或一列,被删除后原位置不会被其他元素占用原创 2016-03-22 15:54:02 · 358 阅读 · 0 评论 -
【前端笔记】浏览器小hack
所谓的Hack就是只有特定浏览器才能识别这段hack代码。Hack 不是什么好东西,除非没有办法,我们尽量还是不要用着玩意。下面是各个浏览器的CSS Hack 列表,希望能对你有所帮助Firefox 浏览器@-moz-document url-prefix(){ .selector {property: value;}转载 2016-03-12 22:41:49 · 243 阅读 · 0 评论 -
【sass】实现三角函数
首先要说sass和scss的区别。sass之前是缩进的语法,有点像python和jade那样,写起来有点不方便,所以后来兼容了css的写法,就变成了scss。sass支持函数,循环,each,mixin这样,还有四则运算。有了for就可以完成很多形状的绘制了,但是木有三角函数很不方便的说= =。主要参考自:http://jimyuan.github.io/blog/2015/02/12/t原创 2016-08-12 15:16:03 · 2478 阅读 · 0 评论