xiebiji.com

重构的时候有一种很简单的class命名思维，我们可能知道，可能不知道；但是知道后又很难应用上，是什么的思维呢？请看以下两段代码：

第一段：

...

对应的css写法：

.a{} .a .b{} .a .b .c{}

第二段：

...

对应的css写法：

.a{} .a_b{} .a_b_c{}

有什么区别呢？很明显第二种的HTML写法会冗余一点，但是CSS的写法就没那么复杂的选择结构了。在小型项目中，这两个基本上没什么区别的。但是在大型项目中就不一样了：

1、第一种写法适合局部排版

2、第二种写法适合全局公用模板

写过css的都知道每个网页引进的css都首先要初始化，而出名的css reset有YUI css reset（QQ、淘宝等都出现他的影子），业内用的最多的还有Erik Meyer’s CSS Reset。

整理一下可以得到：

/* reset */ html{color:#000;background:#fff;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;} body{font:12px/1 Tahoma,Helvetica,Arial,"\5b8b\4f53",sans-serif;} img{border:none;} em,strong{font-style:normal;font-weight:normal;} li{list-style:none;} table {border-collapse:collapse;border-spacing:0;} h1{font-size:18px;} h2{font-size:16px;} h3{font-size:14px;} h4, h5, h6{font-size:100%;} q:before,q:after{content:'';}/* 消除q前后的内容 */ button,input,select,textarea
...

很快就要找工作了，最近比较闲，于是把写了个在线网页版简历。水平有限，肯定不少错误。希望高人可以指出错误。

此简历基于XHTML1.0/Css2.0/Mootools 我不能像大大们那样用纯js写效果，只能用mootools来写了。 极端希望大家给点意见，我发现自己好像很多自己总结的知识不一定对的。有兴趣的朋友可以留言索取整个实例源码。 在线测试地址：http://xiebiji.com/works/resume/

ie6就是神奇，css的position的fixed属性就是不支持。那怎么办呢？有一种很简单的解决方法。

div{ width:20px\9;//ie有效，firefox没效 }

这种方法应该算比较少人用吧？对于ie和firefox这个做法跟”_”是一样的。

虽然mootools有自带的tips特效，但是样式固定，而且我发现mootools那个Tips有时候会报错的，假如你在ie中进我博客时，马上把鼠标移动到那个‘Chromatography Ads’下面的那些小色块上面，很有可能会马上弹出个对话框说’http://xiebiji.com。’打不开的提示，留意一下那个地址最后多了一个句号，那当然打不开啦。我被这个问题郁闷了很久，最后还是没有解决。

所以今天特意把之前写过的tips特效从网页中提取出来： 先看看效果:http://xiebiji.com/works/tips/

html代码如下：

xiebiji.com A Link

css代码如下:

body{ background:#000; } a{ font-family:Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none; } ul{ margin:0; padding:0; } li{ float:left; margin:5px 10px 0 0; backgrou...