以无厚入有间 恢恢乎其于游刃有余地矣
当空间是一定的时候，我们把自己放的很伟大很重要的话，那么往往只是减少自己生存的空间，自己给自己增加压力，带来许多莫名的烦恼和焦虑。
而相反，如果我们把自己尽可能的看作渺小，那么我们就可以游刃于我们的生存空间里，找到更多的机会。心胸自然广阔，人页会比较开朗。
&nbs...
以无厚入有间
04
3月
2008
为什么不能用洗发水洗澡
28
2月
2008
为什么会想到这个问题呢？原因如下：开学的第一天在宿舍洗澡，一盆水把头上洗发水的泡沫冲的差不多了习惯性的到香皂盒里拿香皂，摸了半天P都没个（不知道去年谁最后一个离开的居然吧香皂都用完了！）。怎么办？用洗发水洗吧！洗着洗着就想到这个不叫问题的问题了。
以前也用洗发水洗过一次，记得某人还告诉过我不能用洗发水洗澡！当时也没问为什么，今天百度下这个问题，居然没答案。还好我昨天洗澡的时候想到原因了：洗发水就好比农药和肥料的混合物，头发就是地里的庄稼，庄稼地里没了杂草有了肥料庄稼心情就好，心情一好就长的快，长的快了就需要更多的营养，因为没有杂草来打劫肥料，所以营养的供应会很充足，庄稼也就长的更好了！
以前也用洗发水洗过一次，记得某人还告诉过我不能用洗发水洗澡！当时也没问为什么，今天百度下这个问题，居然没答案。还好我昨天洗澡的时候想到原因了：洗发水就好比农药和肥料的混合物，头发就是地里的庄稼，庄稼地里没了杂草有了肥料庄稼心情就好，心情一好就长的快，长的快了就需要更多的营养，因为没有杂草来打劫肥料，所以营养的供应会很充足，庄稼也就长的更好了！
xhtml书写 - 大处着眼小处着手
28
2月
2008
如果你辛辛苦苦写的代码在默认浏览器里BT掉时是什么感受？当然这在一定程度上是浏览器差异造成的，可是更主要的是自己的书写问题，不止是写没写hack。假设我们就单写一个200*200、边框为1px黑色的div，会在陌生浏览器BT吗？
写页面其实跟很多东西都有相通的地方，都需要有全局的眼光。整体没有把握好的画是不能看的，目光短浅的人不能做大生意。
写页面其实跟很多东西都有相通的地方，都需要有全局的眼光。整体没有把握好的画是不能看的，目光短浅的人不能做大生意。
上下导航写法的补充
25
2月
2008
原来的写法：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
<!--
* {margin:0px;padding:0px;}
ul {list-style:none}
body ,td ,div ,li ,span {font:12px Arial, Helvetica, sans-serif;}
body {margin: 0px;}
a:link {color:#000;text-decoration:none;}
a:hover {color:#ff3300;text-decoration:none;}
#nav ,#subnav{margin:0 auto;padding-left:15px;width:785px;}
#nav li {display:inline}
#nav li a {display:block;float:left;padding-left:4px;height:25px;line-height:25px;background:url(http://etosun.cn/attachment/200802/1203774693_2367aa94.gif) no-repeat left 0;}
#nav li a span {display:block;padding:8px 12px 3px 6px;background:url(http://etosun.cn/attachment/200802/1203774693_12239dff.gif) right 0;}
#nav li a:hover {background-position: 0 -25px;}
#nav li a:hover span {background-position: right -25px;}
#subnav {position:relative;z-index:-100;margin-top:-1px;height:26px;background:#E2EBF4;border-top:1px solid #BCD2E6}
-->
</style></head>
<body >
<ul id="nav">
<li><a href="#"><span>导航名字</span></a></li>
<li><a href="#"><span>导航名字</span></a></li>
<li><a href="#"><span>导航名字</span></a></li>
<li><a href="#"><span>导航名字</span></a></li>
</ul>
<div id="subnav">
<a href="http://etosun.cn">点不到我</a>我是选不中的文字
</div>
</body>
</html>[/hcode][separator]
这种写法subnav中的文字不可选择，其中的连接不可用，也不兼容FF。
改动后的写法：
[hcode]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
<!--
* {margin:0px;padding:0px;}
ul {list-style:none}
body ,td ,div ,li ,span {font:12px Arial, Helvetica, sans-serif;}
body {margin: 0px;}
a:link {color:#000;text-decoration:none;}
a:hover {color:#ff3300;text-decoration:none;}
#nav ,#subnav{margin:0 auto;padding-left:15px;width:785px;}
#nav {overflow:hidden;}
#nav li {display:inline}
#nav li a {display:block;float:left;padding-left:4px;height:25x;background:url(http://etosun.cn/attachment/200802/1203774693_2367aa94.gif) no-repeat left 0px;}
#nav li a span {display:block;padding:5px 12px 4px 6px;*padding:7px 12px 4px 6px;background:url(http://etosun.cn/attachment/200802/1203774693_12239dff.gif) no-repeat right 0;}
#nav li a:hover {position:relative;background-position: 0 -25px;}
#nav li a:hover span {position:relative;background-position: right -25px;}
#subnav {clear:both;margin-top:-1px;height:206px;background:#E2EBF4;border-top:1px solid #BCD2E6}
-->
</style></head>
<body >
<ul id="nav">
<li><a href="#"><span>导航名字</span></a></li>
<li><a href="#"><span>导航名字</span></a></li>
<li><a href="#"><span>导航名字</span></a></li>
<li><a href="#"><span>导航名字</span></a></li>
</ul>
<div id="subnav">
<a href="">点的到我</a>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
<!--
* {margin:0px;padding:0px;}
ul {list-style:none}
body ,td ,div ,li ,span {font:12px Arial, Helvetica, sans-serif;}
body {margin: 0px;}
a:link {color:#000;text-decoration:none;}
a:hover {color:#ff3300;text-decoration:none;}
#nav ,#subnav{margin:0 auto;padding-left:15px;width:785px;}
#nav li {display:inline}
#nav li a {display:block;float:left;padding-left:4px;height:25px;line-height:25px;background:url(http://etosun.cn/attachment/200802/1203774693_2367aa94.gif) no-repeat left 0;}
#nav li a span {display:block;padding:8px 12px 3px 6px;background:url(http://etosun.cn/attachment/200802/1203774693_12239dff.gif) right 0;}
#nav li a:hover {background-position: 0 -25px;}
#nav li a:hover span {background-position: right -25px;}
#subnav {position:relative;z-index:-100;margin-top:-1px;height:26px;background:#E2EBF4;border-top:1px solid #BCD2E6}
-->
</style></head>
<body >
<ul id="nav">
<li><a href="#"><span>导航名字</span></a></li>
<li><a href="#"><span>导航名字</span></a></li>
<li><a href="#"><span>导航名字</span></a></li>
<li><a href="#"><span>导航名字</span></a></li>
</ul>
<div id="subnav">
<a href="http://etosun.cn">点不到我</a>我是选不中的文字
</div>
</body>
</html>[/hcode][separator]
这种写法subnav中的文字不可选择，其中的连接不可用，也不兼容FF。
改动后的写法：
[hcode]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
<!--
* {margin:0px;padding:0px;}
ul {list-style:none}
body ,td ,div ,li ,span {font:12px Arial, Helvetica, sans-serif;}
body {margin: 0px;}
a:link {color:#000;text-decoration:none;}
a:hover {color:#ff3300;text-decoration:none;}
#nav ,#subnav{margin:0 auto;padding-left:15px;width:785px;}
#nav {overflow:hidden;}
#nav li {display:inline}
#nav li a {display:block;float:left;padding-left:4px;height:25x;background:url(http://etosun.cn/attachment/200802/1203774693_2367aa94.gif) no-repeat left 0px;}
#nav li a span {display:block;padding:5px 12px 4px 6px;*padding:7px 12px 4px 6px;background:url(http://etosun.cn/attachment/200802/1203774693_12239dff.gif) no-repeat right 0;}
#nav li a:hover {position:relative;background-position: 0 -25px;}
#nav li a:hover span {position:relative;background-position: right -25px;}
#subnav {clear:both;margin-top:-1px;height:206px;background:#E2EBF4;border-top:1px solid #BCD2E6}
-->
</style></head>
<body >
<ul id="nav">
<li><a href="#"><span>导航名字</span></a></li>
<li><a href="#"><span>导航名字</span></a></li>
<li><a href="#"><span>导航名字</span></a></li>
<li><a href="#"><span>导航名字</span></a></li>
</ul>
<div id="subnav">
<a href="">点的到我</a>
</div>
</body>
</html>
上下导航的一种写法
24
2月
2008
看效果，这种做法鼠标翻转的时候鼠标所在导航下面会没有横线。要点就在对图片的处理和对id为subnav的div的处理上，subnav使用相对定位，以便于设置z-index属性让能被上面的导航遮盖住（设置负值的上边距）[break]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&q...
谁说天无绝人之路
22
2月
2008
还没开学就先回学校了，学校里一个同学都没。因为刚来学校身上钱“比较”多就都存卡上了，身上就留了90￥。
昨晚无聊了，分批到2个超市买东西，付款的时候发现居然超过90￥了， 没办法刷卡吧（某人好像经常不带钱到超市刷卡
），输密码吧，这密码还真是多，QQ有密码、博客有密码、邮箱有密码、网银也要密码；好像在网上只有密码才能证明你的身份。。。
昨晚无聊了，分批到2个超市买东西，付款的时候发现居然超过90￥了， 没办法刷卡吧（某人好像经常不带钱到超市刷卡
），输密码吧，这密码还真是多，QQ有密码、博客有密码、邮箱有密码、网银也要密码；好像在网上只有密码才能证明你的身份。。。 offsetTop、offsetLeft、offsetWidth、offsetHeight、style中的样式
14
1月
2008
假设 obj 为某个 HTML 控件。
obj.offsetTop 指 obj 距离上方或上层控件的位置，整型，单位像素。
obj.offsetLeft 指 obj 距离左方或上层控件的位置，整型，单位像素。
obj.offsetWidth 指 obj 控件自身的宽度，整型，单位像素。
obj.offsetHeight 指 obj 控件自身的高度，整型，单位像素。
我们对...
