clfsw的专栏

      css设定浮动元素的margin时一不小心就会在ie6中产生双倍边距问题，今天试验了一下，终于把它们在什么时候发生搞清楚了。1、<div/>不是浮动元素时，当然就可以随便设置而不会产生问题。2、<div/>浮动时，并进行边距设置margin:0 10px;那么这时该div的左右都有浮动元素的话，也不会产生问题。     但要是任何一边没有浮动元素，这时就会...

区别不同浏览器，CSS hack写法： 区别IE6与FF：        background:orange;*background:blue; 区别IE6与IE7：        background:green !important;background:blue; 区别IE7与FF：        backg...

〇、不清除浮动，FF可能会有背景被隐藏，而IE更多的是使你设置的padding、margin没有作用，达不到想要的效果。一、    1、不要让CSS有过多的标记     2、最好不要在类属性里面去加入颜色或者长宽的尺寸    3、1）一个标签或者属性就算只有一点点的跟表现搭上，都不要使用。那是CSS的事。并且CSS做得更好。         2）把标签使用在如它的名字所暗示的用途上。表...

1、<li/>浮动或其下块元素浮动在IE中显示不正常解决.flt{float:left;display:inline;}<ul>      <li>          <div class="flt">……</div>          <div class="flt"&amp

http://spritegen.website-performance.org/是一个CSS 图片拼合生成器网站，这个技术叫css sprite,相当好用。

Lightbox效果，也可以叫Windows关机效果，最常见的用法就是页面上弹出一个css设置的提示或对话框，但在后面又覆盖了一个层，使网页的其他部分不可点击。 原理：定义一个浮层，定位方式为fixed，高宽都为屏幕可见高宽，这样当页面长度很短或太长需要滚动页面时，这个覆盖层就可以一直覆盖在浏览器整个可见区域，同样原理需要用户进行交互的高亮层也是这个效果。这里面一般要用到的效果有：...

之前类似滚动文字两端变淡显示，只能通过在上面覆盖一个透明度渐变的png图片，可是这样的话，当文字滚动到图片下方时，就无法点击了。今天才知道原来css中的pointer-event属性可以解决这种情况。 pointer-events:auto;——这是默认的情况pointer-events:none;——这样就使该层不会触发鼠标事件，可以被“穿透” 现在支持这一属性的只有Fire...

html页面写的很标准的话，除IE外表现基本都差不多，虽然不同的浏览器有其自己的hack方式，因为不常用或者基本用不到，就没必要去记了，需要时上网查下就ok了。 下面记录的是最常用的IE的hack： <style type="text/css">.className{ padding:10px; padding:9px\9; /* all...