这两天工作主要集中在网页的界面上，为了效率，不得不去学习CSS了。

花了三个小时终于把W3Schools上CSS基础部分看完了，现在觉得这个东西实在是太有趣了，比我预先想像地还要精妙！整个体系简直就像是面向对象语言开发包的API类库，应该说就是按面向对象的思想做的一个好东东。先回顾一下今天看的内容，归纳一下，主要有两个方面的内容，一个是句法（syntax）；另一个是句法的基本应用。

一、句法

selector { property: value} 这个是句法的通式了。其中selecto变化最为繁多，而property和value几乎都是在定式中，用的时候查下文档就搞定。所以这里把selector多说几句。

1、HTML的元素直接作为selector。这种是最常见的了，就不废话。举一个例子好了，p { background-color: red }

2、ID作为selector。这个应用我想如果你看过DONEWS博客的CSS就一定不会陌生了。同样举个例子
#example { background-color:red }
<p id=”example”>i.e.</p>

3、自然就是1和2的组合了，可以这么写p#example，这样就会对<p id=”example”>i.e.</p>，应用CSS；还可以这么写#example li，这个还是举个例子
<ul id=”example”>
<li>A
<li>B
</ul>
这样就是对ID为example的元素中包含的li元素应用CSS

4、.class 这也是很重要的应用，用户定义类，然后对带有该类的元素应用CSS。同样这里也可以是1和4组合，2和4组合，这个我就不多说了，和前面一个原理是差不多的，只是位子放的不同而已

上面谈了句法的三个文本部分，还有个重要的部分就是里面标点符号的使用了，我觉得这个变化是最多的。而且在教程里也没有很集中的介绍。不过通过查阅CSS文档中的示例，就可以知道标点符号怎么用了。

二、实际应用

我看完了所有basic级别的应用，觉得最值得总结的就是有关边框的应用了，其它的应用都比较常规易懂。与边框有关的有border、margin、padding。之所以把它们提到面上来说，是因为它们在赋值的时候的规律性很有趣，是“时钟”顺序赋值的。从时钟零点开始，然后三点、六点、九点。还是分别说一下的好，以border-color为例吧。

1、border-color:red。表示四边都为红；

2、border-color:red green。表示上下边为红，左右边为绿；

3、border-color:red green blue。表示上边为红，左右边为绿，下边为蓝；

4、border-color:red green blue yellow。边式上边为红，右边为绿，下边为蓝，左边为黄。

OK，明白时钟怎么走的，就一定能看懂上面4点了。不要告诉我你用的电子表显示数字理解不了，那我只好建议你有太阳的时候，站在太阳下别动，看看自己的影子是怎么在转动。

在应用中比较重要的就是list了，它是作导航栏的最佳选择了。关于它的应用我想我还是等我在这个博客上实验做以后在写出来吧。这样更切合实际一些，不像这篇，完全是空话。

来南京这几天的时间天气真不错，每天都是阳光明媚，天空也是那么的蓝，到了晚上还可以看到几颗亮亮的星星。真么好的天气，心情自然也不会差。下午，几位朋友叫我去K歌，这么好的事情一定要去啦。虽说在南京待的时间不长，但是毕竟比武汉面积上小了许多，而且规划比较整齐，几下走让我摸熟了。赶到太平洋7楼包间，狂喊一个下午，把天天在办公室里憋闷着的情绪发泄出来。要是有MM在身边就好了，嘿嘿……跟着着帮哥们，晚上自然少不了要吃顿爽的啦，南京大排挡还真的不错，边吃还可以边看唱戏的，可惜我是戏盲听也白听！这是我在南京玩的最爽的一天啦。现在还在回味狮子头涅 ^_^

根据查阅的文章来看，目前想实现单键代替组合键还不是件容易的事情。不过，解决方法不是没有，可以采用另一个比较传统的方法——利用控件的index——来解决这个问题。

<script>
function changeFocus()
{
    if(event.keyCode==38)
        try{document.all(event.srcElement.sourceIndex-1).focus();}catch(e){}
    if(event.keyCode==40)
        try{document.all(event.srcElement.sourceIndex+1).focus();}catch(e){}
}
</script>

<input onKeyDown=”changeFocus()”/>

现在这样解决确实是一个不错的选择。“按Tab键改变焦点到相应index的控件上。”根据这个思想，用上面的方法是再合适不过的了。

但是还是觉得有点不舒服，至少没有解决获得组合键keyCode的问题！假如我今后想实现的不仅仅是改变焦点，而是想按一个键来替代N个键的组合怎么办？这个问题，还有必要进一步探讨。我看了网上很多讨论——关于这个方面的问题，大家都选择避开绕行的策略，还是没有真正找到解决单键替代组合键的方法。关键是没有一个官方的（或者是我没找到）关于keyCode值的标准。

等这个项目完结以后，在来深究这个问题吧。嘿嘿，一天没白干，解决了一个小小的需求。

这个问题困扰了我几天了。GOOGLE了N次，还是没有结果！都快郁闷死了，没办法只好一个键一个键的试了。

最后发现shift对应16，Tab对应9，回车对应13，左、上、右、下四键分别对应37、38、39、40。搞定这些我足足花了两个小时。到现在还没找到组合键shift+Tab对应的keyCode。

利用javascript程序给IE控件添加onKeyDown事件。按回车或者方向下键来替代Tab，实现代码也很简单：

<script language=”javascript”>
<!–
function changeFocus()
{
    if((window.event.keyCode == 13) | (window.event.keyCode == 40) | (window.event.keyCode == 39))
        window.event.keyCode = 9;
}
//–>
</script>

<input onKeyDown=”changeFocus()”/>

但是这样也仅仅完成用户需求一部分。按方向上键或左键实现shift+Tab的工作，我一直没有找到解决的方法。查阅javascript2.0文档，发现shift按键对应的是window.event.shiftKey属性。不过，这好象并没有多大的帮助，仍然没有解决求出组合键keyCode的问题。希望晚上可以搞定这个小问题，把本文的下半部分补齐，呵呵。

原本以为这个需求并不复杂，但是现在看来又是小问题在耽误时间了。改数据库结构这么大的问题都仅仅用了半个小时就搞定了，这么个小问题却让我郁闷了一天。先去洗衣服吧，停了两天的水，现在终于来水了。

本来好好的程序，调试了多次都很不错。可是今天演示的时候却莫名其妙的出现了“白屏”，而且只有我一个用户在使用程序，呵呵……古怪的很。然后，害得我赶紧去查看源代码，看来看去找不到毛病。然后只好重启一下Tomcat服务，白屏依旧，我真想吐血！真是太不给面子了。只好让客户等我重启机器一试了，重新启动机器后OK了，程序顺利执行！我的主啊，还好运行了。把责任都推到了比尔的身上，真对不住他老人家了，呵呵……

真不明白为什么会出现这样现象？？？去看了一下编译后的JSP代码，发现问题出在转意符（\）上面，竟然很多的转意符号被认为是非法字符（illegal character）。我又反复观察了一下，没有找到规律，很随机的出现这种异常。然后，在查看白屏页面的源代码，发现需要服务器端生成的代码都没有执行，页面的JS和HTML页都只执行了一部分。看来这个老猫不是很好搞定啊，以后有空了，要好好调教一下这个汤母猫！

下午就要进入最不爽的一个环节了，修改数据库。这是这个项目第N次修改数据库了，对于我的程序又将是一个挑战。嘴上说着MVC，手上却写着couple。ASP做多了，到了JSP改不过来。这次一个库机构，我又要忙断手指头了。中午要吃好点，热热身，准备下午战斗！

最初接触作网页和过去搞WORD排版没什么区别，向来不管什么是内容和什么是格式，一股脑的放到一起，自己觉得当时看起来好看就OK。但是，人的感觉往往是会随着心情的变化而变化，今天有今天的感觉，明天说不定又有了明天的感觉，所以说针对同一个内容准备多种不同的版式是必不可少的，而且版式与内容之间应该没有必然的联系。要能把内容随心所欲的排版，在以前看来确实不是一件很容易做到的事情。好象自CSS2.0以来，这件事情就得到了很大的改观。而且XML普及的今天，这件事就更加容易理解了。

我现在正作的这个项目，在这个方面作的很不够！几乎所有的内容从数据库查询出来以后都是直接镶嵌都大量的HTML里，客户一句话，就让我忙断手指头，呵呵……谁让我当初没把这个当回事的。这一点一定要在下一个项目里避免，毕竟这是我的第一个项目嘛，应该从中挖掘出更多的东西才算值得。现在想想虽然项目失败了，但是学到的东西还是挺多的。我在下一个版本升级时，尽量把这一点给弥补回来。就用最简单的<div> + CSS来搞定好了。

我认真的查看了DONEWS博客首页的源码，也大体上了解了内容应该如何更好的分块。不过，这里有个小问题要提一下，我不明白为什么DONEWS从页头到页面主体都采用了<div>，怎么会在页脚部分采用<p>的？这点真是太奇怪了！难道是设计人员的疏忽？？？言归正传，这个博客还是充分体现了内容和显示分离的优点的，用户可以根据自己的喜好，定制自己的视图（或者说是外观）。以后，我就可以拿这里练练兵了。呵呵……

另外就是要有美工功底，要不然技术再好也没得用！想到这个我就要555~~~，我连猪头都画不像啦！

首先要赞扬一下我们这个团队，大家都太敬业了！我们四个人奋斗了一夜，项目终于有了点眉目，真不知道为啥每个项目时间都这么紧。上次协助写标书也是这样，从告诉我有这么回事，到必须拿出结果只给24个小时。这次更狠，昨天晚上10点了，告诉我晚上要加班，协助师弟负责的项目，今天中午前就要拿结果出来。我的脾气就是这么给磨平的，呵呵……现在是给啥活，都干！

我还好，才一夜没合眼，师弟都已经三天没合眼了。他是实在是熬不住，才让我们帮忙。到凌晨的时候，他说话都语无伦次了，我们都是可怜的人。我们是超级廉价劳动力！一个月从导师那里领两三百块，不容易啊，那是要拼命干活才能得到的。现在出去找工作，给我感觉是薪水多少我都不在乎了，呵呵……还好的就是家里老爸老妈不知道我这边的情况。至少现在靠自己每个月挣的补助，可以养活自己了，他们二老应该少了许多担心。

大家这会都在休息了，我的眼也快睁不开了。就写到这里吧！待会去吃碗热干面，人都快饿扁了。

补：准备[发表]前，觉得还有话想说。

啥时候我们的领导懂得感情投资就好了。加了一夜班，不求加班费，也求顿饱饭嘛。现在啥都没有，真郁闷！今天下午别人考六级，我没得考，正好睡一觉。好困啊，还是先去找点食吃吃吧！

老外称为Blog的东东，我们也音译过来叫作“博客”。在网上也看到不少关于博客到底是什么，该不该叫博客等等诸如此类的讨论帖，大家也争的一塌糊涂，还是没有个结果。然而再看博客的发展，依然是那么的蓬勃。

我开始使用博客是去年年初，那时也是一时好奇，就在DONEWS搞了一个博客，没几天就忘在脑后了。关键是没有写作的习惯，而且没有读者，觉得没有动力。后来，由于工作和学习中很多琐碎的小问题要记，所以，又在博客中国搞了一个博客，结果也是中途夭折了。原因是博客中国的数据库太差，动不动就异常，实在影响我工作，还是把问题记在自己本本上比较好。不过，这样就失去了朋友交流的平台。哎，鱼和熊掌不可兼得啊！经过一番寻觅，发现还是DONEWS好，又建了一个新窝，继续开始博客生活。

我眼中的博客就是一个记事本，大家都可以看的记事本。不仅可以让我找到我丢失的记忆，而且也可以获得朋友们的建议和支持。它的意义对我来说很重要，以至于我现在无法舍弃它。但是，毕竟每个人的观点、立场都是不同的，即使是同一个人在不同的时间观点、立场都有可能不同，所以我认为没必要为博客是什么来争论不修。我阅读过很多国外BLOG，文章无论优劣都是作者原创，转帖很少，一般引用都是在自己心得文章中加链接。我认为这才是真正意义的博客，是个人抒发感情，记录生活，装载情绪，交流心得的空间，而不是一个承载他人作品的运输车。这几天我随机阅读了DONEWS里的不少博客，作为“国内最大的IT创作站点”，连这里都是转载连篇，更不要说其它的博客站点了。想来就觉得挺郁闷……

上面有些话如果得罪了谁谁，还请多包涵。我觉得确实应该改变一下现状。当然这里还是有不少优秀的博客，虽然文章寥寥几篇，但篇篇经典！还有很多的专题博客，都是大师级的强人支持着，内容丰富多彩，而且还充满了作者的个性。我觉得博客就应该是这个样子发展，用原动力才推动它继续前进。而不是盲目的追求数量，以转帖来提高自己的排名。呵呵……说到“排名”，我觉得这和中国的教育也有很大的关系，从小就培养了大家关心排名的习惯，题外话，打住。

最后，我要声明上面的话不针对任何网站和个人。

“你所想到的，企业都想到了；你没有想到的，企业也想到了。”这句话激励着太多的创业者去努力奋斗，努力创造出自己的辉煌事业。我也是有着这么个理想的年轻人，希望能闯出自己的一片天地。

来到面试单位后，才知道要竞争的部门是该单位下属的机构。单位老大（暂且这么叫，现在还没有准确的定位）很随和，但是也不失严谨。老大的公务很繁忙，我和我同学到以后，在会议室里等待了大概四十五分钟，才被通知可以去到老大办公室面试了。

到了办公室现是简单的自我介绍，然后就直接进入讨论的正题。第一个问题着实让我们一愣，“你们真的对这里感兴趣？”我们听了以后，真的一时还没寻到好的答案来，只能说“是的，我们对这里很感兴趣。毕竟是导师推荐我们来的，他应该比我们对这里了解更多，能推荐我们来，一方面说明这里可以给我们展示才华的机会，一方面说明我们也会很适合在这里工作”。看他的表情应该对我们的答案还比较赞同，他点了一支烟，显然他没有考虑是否需要问我们是否介意抽烟的行为，呵呵……我还是应聘者，就开始挑老大的毛病，好象不太好吧。继续我们的谈话，又一个问题，“你们做过相关的项目（该单位目前主要从事的业务）吗？”对于这个问题，我们自然有准备啦，“我们正在做一个这个领域的项目，而且项目正在参加专家评定。类似的工作在我的简历里，有简单的介绍。”这时他开始翻看我们的简历，然后问，“你们的课程介绍里好象没有相关的课程呢？”对于这种问题，我们答太多次了，几乎面试的单位都有这么个问题，“我们自修了相关的课程，比如有水土保持、城市规划等等。”他似乎开始对我们感兴趣了，开始用交谈的方式开始交谈，他介绍了我们假如进单位后会有什么级别的待遇，单位的劳动关系是怎样的，还有那个下属机构的历史、发展及目前的状况。简要的说就是不会比同级的单位给予硕士的待遇低，劳动关系采用聘用制一年一签，不在机关编制内；关于下属机构的情况，我在本文后面在谈。明确了这么多内容以后，他开始暗示让我们也可以询问单位相关的情况，我们就了解了单位的培养人才的方式，单位的人事组织结构。得到的答复是看个人所做出的成果，可以评定工程师、高工、教授级高工等职称；单位有三个科室，两个下属子机构。大家相互之间有了初步的了解，双方都要有个权衡的时间，所以，老大就提出让我们考虑成熟后给他回复，除我们之外他一定会去面试其他的人，如果比我们更适合这个岗位，他会选他们，同时，他也希望我们能找到更适合我们的舞台。整个面试过程还算轻松愉快。

光看上面的情况也分析不出单位到底是个啥水平，还是回头看看那个子机构的过去和现在。子机构2001年成立，至今尚未独立做过项目。子机构项目很多，但是人员业务水平还不能完整完成项目，因此子机构的业务范围尚没有打开，目前靠单位不断给予支持而维持。现在单位考虑将子机构独立为一个具有二级法人的实体，因此，单位在为子机构的将来做打算，希望今年能招进一批博士和硕士来壮大子机构，拓展子机构的业务范围。我觉得这是面试的核心内容了，“挑战与机遇同在”来形容再恰当不过了。现在看来，机遇就摆在那里已经有三年了，项目那么多，为什么一直没有发展成为一个独立机构呢？而且，单位一直给予那么大的支持，还是没有让子机构走上正轨呢？我反复考虑这个问题，我想这里肯定少一个真正的领导，那我去了，路又在何方？从另一个角度来看，领导仅仅是一个人，“一根筷子轻轻被折断”。如果没有一个优秀的团队来跟随领导，来贯彻执行领导的思想，那么也一样会走到今天这一步。假如真的是这样，那我就应该来到这里，至少现在我还是充满对未来的憧憬。单位是个很重视人才的部门了，几乎每年都是老大亲自到高校来挑的人（我们学校连续几年他都有来挑人），然后分配到他认为需要发展和补充的科室或机构。老大这种办事的作风和对待人才的态度，让我对单位的信任度也增加了许多。总体上说，我还应该去挑战一下自我的。

“工作和读书两码事，你不来这里不仅要能做科研，而且还要能处理好其他的事情，我们要的是综合性人才！”这是交谈中老大表露出他们需要的人才类型。我觉得我还是可以胜任的，虽然我目前在该单位业务上没有太多的了解，但是，大学七年让我知道怎么去自学。我对我的自学能力还是充满的自信的，嘿嘿，自夸一下，大家不要丢鸡蛋哦~

今天的面试时间很短暂，也就四十分钟的样子，但是，还是给我很多的启发，至少让我知道我还缺什么。还是那句话，“别想让环境适应你，你要去适应环境！”市场需要什么，咱就搞什么，呵呵……这叫“与时俱进”。

不知道我想法是不是有点天真，请各位过来人给俺指点一下方向。 ^_^

读大学都七年了，直到昨天正式收到来自朋友的贺卡还真的从来没有过。昨天我回到宿舍，看到床上有两份贺卡，一份来自绍兴，一份来自武汉，哈哈……太高兴了！以前收到的贺卡都来自工作上的同事，这次的意义就完全不同了。

记得大学时，刚刚一向沉默寡言，办事非常认真的那种。我们班当时英语很垃圾，四级通过率巨低，不过刚刚是第一批通过的啦，爆强！他平时也没啥爱好，给人感觉总是闷闷的。后来他迷上了电脑，还买了一台当时看来超玄的机器回来。哇噻，跑极品飞车太流畅啦！我每天都不用自己的机器了，老跑他那玩。对他的感激如涛涛江水，连绵不绝……他毕业以后，再就没有联系过，只知道他在绍兴环保局工作。

老郭是我两年的同门师兄啦，但是认识他时却是因为一件很尴尬的事。我读大一，他读大二，院里有篮球赛。我们明显打不过，老道的他们。我心里很不爽，火气很大！和他有几次碰撞，我故意找茬，就打了起来。呵呵……现在回忆起来，还觉得挺好笑的。我居然还有那么没球德的时候！结果就是几年的冷战，见了面都不打招呼的。后来没想到上了研，一进实验室头一个见到的就是他了，没办法，只能打招呼，怎么说他也是师兄啦！接下来的两年，我们坐位是邻居，自然交流也就最多。慢慢地我发现他是个够意气的人，后来就无话不谈。我现在骑的流浪脚踏车还是他赋于的涅，嘿嘿……

收到他们的贺卡真的让我很开心，没想到他们还能记起我。这份友谊我一定要好好珍惜……