-
Sep132013
这种hack利用了一个在Mac平台上的IE的bug。以\*/结束的注释在IE Mac上是不正确关闭的，所以那些需要被忽略的语句可以放在这种注释后面。
/* 在IE Mac上忽略下面的语句 \*/
selector { …styles… }
/* 忽略结束 */
盒模型[......]
Read more
阅读全文
-
Dec132012
怎么样能写好高效率的CSS呢，一些初学者不注意的很多细小问题，当这些问题集中爆发，那么问题就大了。
1、*{ margin:0; padding:0;} 请不要使用全局Reset：
既然是全局的定义，那么他会吧所有标签都处理一遍，增加了浏览器解析的时间。有些标签其实没有必[......]
Read more
阅读全文
-
Jun252012
其实很简单
对于标准浏览器来说
两个css属性
text-overflow
和
white-space
全部：
.top_con li{ line-height:20px; overflow:hidden; height:20px; width:253px; t[......]
Read more
阅读全文
-
May262012
之前习惯了css2，真的很难改回来，之前做的主要是ie6，兼容其他的国内网站
现在做的国外网站，老板说放弃ie6！
今天做页面的时候，突然发现我可以用CSS3啊。真是傻了我。习惯性就像想切图片做背景，真是悲剧啊。
看我用css3做的效果：
使用了CSS3内阴影和CSS[......]
Read more
阅读全文
-
May042012
FancyForm的例子
不过经过修改使其支持ie，采用的是mootools的js库
Html代码
<!DOCTYPE html PUBLIC ”-//W3C//DTD XHTML 1.0 Transitional//EN” ”http://www.w3.org/T[......]
Read more
阅读全文
-
Apr252012
上一篇文章写的是 js+CSS2实现图片转动
这次我研究了css3+js 更简单。
css3 里面有一个 旋转的动画 属性
在不同浏览器下使用 如下：
-o-transform:rotate(0deg); /*旋转(单位：度)*/
-ms-transf[......]
Read more
阅读全文
-
Apr252012
工作需要实现一个齿轮在转动的效果，不用flash
现在基本上不用flash了。苹果之类的设备不支持flash
原本想用html5和js后来想到用css+js应该也可以所以我就试了一下
代码如下
<!DOCTYPE html PUBLIC "-//W3C[......]
Read more
阅读全文
-
Mar142012
大家经常会发现Table的BORDER设置为1，得到的边框却不是想要的1个像素的细边框，于是很多人去想方设法做出细边框的效果。
设置Table的细边框通常有这么几种方式：
1、设置边框的BORDER=0 、cellspacing=1，设置Table的背景色为所要的边框色，再设置所有的td[......]
Read more
阅读全文
-
Dec272011
众所周知IE6不支持position:fixed，这个bug与IE6的双倍margin和不支持PNG透明等bug一样臭名昭著。前些天我做自 己的博客模板的时候，遇到了这个问题。当时就简单的无视了IE6——尽管有几个使用IE6的朋友，一起BS我……但是对于大项目或商业网站，如果有用到这 个属性的时候，[......]
Read more
阅读全文
-
Dec162011
紧跟在一个class后面的css类优先于前一个css类
div { background: white; }
.red { background: red; }
.red.green { background: green; }<div class=”red green”>&l[......]
Read more
阅读全文
这种hack利用了一个在Mac平台上的IE的bug。以\*/结束的注释在IE Mac上是不正确关闭的，所以那些需要被忽略的语句可以放在这种注释后面。 /* 在IE Mac上忽略下面的语句 \*/ selector { …styles… } /* 忽略结束 */ 盒模型[......] Read more 阅读全文5条评论![[技巧] 写好高效CSS的十条定律](http://www.w3cfuns.com/data/attachment/forum/201212/12/1546412f111f4gf47fn4za.gif)
怎么样能写好高效率的CSS呢，一些初学者不注意的很多细小问题，当这些问题集中爆发，那么问题就大了。 1、*{ margin:0; padding:0;} 请不要使用全局Reset： 既然是全局的定义，那么他会吧所有标签都处理一遍，增加了浏览器解析的时间。有些标签其实没有必[......] Read more 阅读全文
其实很简单 对于标准浏览器来说 两个css属性 text-overflow 和 white-space 全部： .top_con li{ line-height:20px; overflow:hidden; height:20px; width:253px; t[......] Read more 阅读全文
FancyForm的例子 不过经过修改使其支持ie，采用的是mootools的js库 Html代码 <!DOCTYPE html PUBLIC ”-//W3C//DTD XHTML 1.0 Transitional//EN” ”http://www.w3.org/T[......] Read more 阅读全文
上一篇文章写的是 js+CSS2实现图片转动 这次我研究了css3+js 更简单。 css3 里面有一个 旋转的动画 属性 在不同浏览器下使用 如下： -o-transform:rotate(0deg); /*旋转(单位：度)*/ -ms-transf[......] Read more 阅读全文
紧跟在一个class后面的css类优先于前一个css类 div { background: white; } .red { background: red; } .red.green { background: green; }<div class=”red green”>&l[......] Read more 阅读全文