分类: CSS

22 篇文章

图片资源的加载规则
如果是 img 标签,不管是否可见(display:none 或 visibility:hidden),都会加载资源, image 或者 svg 都会加载。 如果是 background 引用,display:none 不加载,如果是 visibility:hidden; 加载。 来源: 博客园大牛资深Web开发南辰先生
less 检测 是否是某种类型的 函数
iscolor 是否是颜色 接受正常的颜色关键字和十六位表示法以及RGB表示法等。 isnumber 是否是数字 isstring 是否是字符串 iskeyword 是否是关键字 这个没搞明白到底用来判断什么东西。 isurl 是否是 url  例如 url(...),貌似必须这样子才行。 ispixel 是否是像素  应该判断给定的值是否是 数字…
解决 inline-block 元素之间的空隙
在经过了IE6 IE7的洗礼之后,我们终于可以放心的使用 inline-block 了,但是在使用 inline-block 的时候,我们总会发现很多莫名其妙的空隙出现在两个 inline-block 元素之间,例如我们的代码如下所示: One Two Three nav a { display: inline-block; padding: 5p…
几种比较优雅的未知高度图片垂直居中的方案
方法一: 该方法是将外部容器的显示模式设置成display:table,img标签外部再嵌套一个span标签,并设置span的显示模式为display:table-cell,这样就可以很方便的使用vertical-align象表格元素那样对齐了,当然这只是在标准浏览器下,IE6/IE7还得使用定位。 HTML结构部分:   &n…
纯 CSS 的 IE6 position:fixed
对于 IE6 也可以使用纯 CSS 来实现 position:fixed 的效果。直接上代码吧。 先是结构。 我是IE6,使用 absolute 模拟 fixed. 这里多多复制几个,效果明显。 然后是 CSS。 body { height:100%; overflow-y:auto; padding:0px; margin:0px; } .con…
对 BFC (Block Formatting Contexts) 的一点理解
其实对 BFC(Block Formatting Contexts 块级格式化上下文) 听过很多次了,虽然每次都无意中也有用到,但是并没有深入的看看这个到底是个什么东西。今天有点时间看到了这篇文章,但是感觉理解起来有点吃力,所以总结下,按照自己的理解再写一写,一方面加深记忆,一方面,以后自己理解起来也方便。 1. 防止外边距叠加。 这里的防止外边距…