|
||
|
摘要：
haslayout 是Windows Internet Explorer渲染引擎的一个内部组成部分。在InternetExplorer中，一个元素要么自己对自身的内容进行计算大小和组织，要么依赖于父元素来计算尺寸和组织内容。为了调节这两个不同的概念，渲染引擎采用了 hasLayout 的属性，属性值可以为true或false。当一个元素的 hasLayout属性值为true时，我们说这个元素有一个... 阅读全文
posted @ 2010-07-25 21:11 Kamfper 阅读(276) 评论(0) 推荐(1) 编辑
摘要：
先贴几张图：接下来是一段可以区分IE6/IE7/IE8/FF&CHROME&OPERA的CSS代码：代码看看实际的效果DemoIE条件注释：http://msdn.microsoft.com/zh-cn/library/ms537512(v=VS.85).aspx 阅读全文
posted @ 2010-07-25 20:46 Kamfper 阅读(259) 评论(0) 推荐(0) 编辑
摘要：
在逛hemin的博客的时候看到了一道面试题，关于超过宽度显示省略号的效果，自己在网上查查，发现了这个CSS版本。当然还有JS版的解决方案，而且简单，不过这个的思路很精妙，值得收藏！ 基本原理是：当容器内的文本内容超过容器宽度时，文本将会换行，这时给容器一个overflow:hidden属性，换行部分将不会显示。OK！接下来是最精彩的部分。请看代码：可能光看代码还是不清楚，再来看看示意图：我相信再是... 阅读全文
posted @ 2010-07-25 17:41 Kamfper 阅读(366) 评论(0) 推荐(0) 编辑
摘要：
首先要说的是：养成良好的习惯，在自己的每个(X)HTML文档头部加上DOCTYPE头。总体上DOCTYPE的作用就是保证(X)HTML文档在各大浏览器的良好兼容性，缺少它很可能造成HTML效果偏差。要牢记DOCTYPE给自己带来的麻烦，一点小的疏忽就浪费了我大量的精力和时间。同时要给其他人提个醒，你的注意到DOCTYPE了吗？最后要说的是DOCTYPE分三种：过渡型（traditional）、严格... 阅读全文
posted @ 2010-07-25 17:34 Kamfper 阅读(296) 评论(0) 推荐(0) 编辑
摘要：
看了前端观察上的一片文章（http://www.qianduan.net/to-sprite-or-not-to-sprite.html），我在这里自己小小的归纳一下。 首先介绍下CSS Spirits。CSS雪碧的基本原理是把你的网站上用到的一些图片整合到一张单独的图片中，从而减少你的网站的HTTP请求数量。该图片使用CSS background和background-position属性渲染(... 阅读全文
posted @ 2010-07-25 17:29 Kamfper 阅读(475) 评论(0) 推荐(0) 编辑
摘要：
浏览器对于CSS选择器的匹配是从右至左的！如果你对此有什么疑问的话可以参看下面来自火狐和谷歌的2篇相关css解释文章：mozilla firefox：https://developer.mozilla.org/en/Writing_Efficient_CSSgoogle page-speed：http://code.google.com/intl/zh-CN/speed/page-speed/do... 阅读全文
posted @ 2010-07-25 17:26 Kamfper 阅读(207) 评论(0) 推荐(0) 编辑
摘要：
1.IE6的3像素偏移BUG 当浮动元素与非浮动元素相邻（注意这里的相邻可以是纵向的也可以是横向的）时，这个3像素的Bug就会出现，它会偏移3像素。实际表现就是两个元素之间产生了一道缝隙！解决方法很简单，将两个元素都浮动就OK了。此BUG深层的原因是非浮动元素的layout未触发，所以这里只要是能够触发layout的css都可以解决问题。2.IE6 双倍边距问题 当浮动元素设置margin边距时，... 阅读全文
posted @ 2010-07-25 17:12 Kamfper 阅读(4053) 评论(1) 推荐(1) 编辑
摘要：
先看看效果把：Demo接下来是思路的分析：首先是主函数的思路：1.提取列表的第一个li，并copy它。2.检查li的margin-top是否为-20px。 如果为true，就从ul里删除第一个li，再将它的副本添加到ul的最后。并且将li的margin-top重置为0； 如果为false，就减小margin-top，比如-2等。利用setTimeout调用主函数直到步骤2判定为true；然后是： ... 阅读全文
posted @ 2010-07-25 17:07 Kamfper 阅读(166) 评论(0) 推荐(0) 编辑
摘要：
最近在蓝色理想上看到一位达人用CSS3推出的新属性画了几张国旗，不禁偷师了一下，先贴下地址：http://bbs.blueidea.com/thread-2985513-1-1.html接下来简要的介绍下用到的新属性：1.box-shadow就是给div加上阴影效果。语法是box-shadow:left,top,XX,#xxxxxx。left是阴影与DIV左边框的距离，top当然就是和上边框了，X... 阅读全文
posted @ 2010-07-25 17:00 Kamfper 阅读(1181) 评论(1) 推荐(0) 编辑 |
||