![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 76
JonathanChan94
这个作者很懒,什么都没留下…
展开
-
CSS中box-reflect特性以及火狐浏览器替代方案
CSS3中的box-reflect特性可以实现倒影的效果,但是这个特性仅仅支持webkit内核的浏览器,即使到现在,其他浏览器依旧不支持这一特性,但是在火狐浏览器中有替代的方案可以实现倒影的效果。 下面首先介绍一下这一特性:box-reflect:none | <direction> <offset>? <mask-box-image>?direction 定义方向,取值包括 above 、 b原创 2016-03-16 20:47:06 · 2345 阅读 · 0 评论 -
CSS中absolute和relative的区别
好久没更新了,最近想把之前学习到的知识都做一个整理,可能大家在用CSS排版时容易有一个困惑就是position:relative和position:absolute有什么区别,之前也在不断地练习和查资料中弄清楚了他们的差别。下面简单说一下。1.position:relativerelative是相对定位,设置position为relative的元素,其top、left、right、bottom值会相原创 2016-03-04 23:15:09 · 1125 阅读 · 4 评论 -
CSS3选择器总结
CSS3的选择器以及浏览器的支持情况。1.基本选择器通配选择器: * { margin:0;padding:0; } 元素选择器: p { color:red; } ID选择器: #id { …… } 类选择器: .class { …… } (也可以用带元素的类选择器:p.class { …… }) 群组选择器: selector1,selector2,……,selectorN原创 2016-04-13 23:33:55 · 494 阅读 · 0 评论 -
CSS实现特殊背景效果
CSS3的出现使得一些以前需要用图片的背景效果也可以直接用CSS实现,今天分享一下三个用CSS3做的特殊背景。这三个例子都使用到了CSS3的线性渐变。下面以webkit引擎下的线性gradient用法为例:-webkit-linear-gradient( [<point> || <angle>,]? <stop>, <stop> [, <stop>]* )//最新线性渐变写法-webkit-gra原创 2016-04-27 20:34:12 · 2351 阅读 · 1 评论