类目列表分隔线实现方法
2009-06-30 逛蓝色论坛的时候看到有一贴在讨论类目列表分隔线的写法{如右图}，这种布局看起来应该是很简单的，通常情况下可能会给每一个类目的border-left加1px的边，这样的话开始第一个border-left就会多余，就会在第一个类目加CSS样式去掉就可以搞定。其实有更简单的方法，利用负边距及溢出隐藏原理，可以去参考淘宝的写法。
首先以右边的图为例，首先写出html，如下：
<dl>
<dt>网游花费</dt>
<dd>
<a href="#">神鬼传奇</a>
<a href="#">征途</a>
<a href="#">Q币</a>
<a href="#">劲舞</a>
<a href="#">诛仙</a>
<a href="#">永恒之路</a>
<a href="#">天龙</a>
<a href="#">DNF</a>
<a href="#">中国移动</a>
<a href="#">中国电信</a>
<a href="#">中国联通</a>
</dd>
</dl>层内容被FLASH遮挡解决办法
2009-06-25 今天在调整公司网站是发现，在视频播放的页面，分享按钮弹出推荐层会被flash播放器遮挡，给层加上z-index也不起作用，如是去google了一下，找到一些方法：
wmode属性：
”Window” 在 Web 页上用影片自己的矩形窗口来播放应用程序，并且始终位于最顶层。
”Opaque” 显示页面上位于它后面的内容。
”Transparent“使 HTML 页的背景可以透过应用程序的所有透明部分显示出来，并且可能会降低动画性能。
”Opaque“和”Transparent“都可与 HTML 层交互，从而允许 SWF 文件上方的层遮蔽应用程序。这两种选项之间的差异在于”Transparent”允许透明，因此，如果 SWF 文件的某一部分是透明的，则 SWF 文件下方的 HTML 层可以透过该部分显示出来，而”opaque”则不会显示。
如果忽略此属性，默认值为 Window。仅适用于object。
在html中引入css的四种方法
2009-06-161、行内式。
<div style="color:#FFF;background:#333;">This is a line of text.</div>2、内嵌式。
<style type="text/css">
.box {
color:#FFF;
background:#333;
}
</style>3、导入式。
<style type="text/css">
@import url("css/layout.css");
</style>4、链接式。
<link href="css/layout.css" type="text/css" rel="stylesheet" />网页W3C验证
2009-06-02说到W3C验证，做前端的应该都不陌生，但是你是否将自己制作的页面去验证并通过呢？
在学习交流中发现，其实还是有一部分人没有将制作的页面拿去验证，通常就是实现相关效果，还原了设计稿就OK了，当然这样网页运行是不会出现什么问题，但是其中可能会隐藏着一些简单而基础的错误，可能会给后续的工作带来麻烦。自从有了验证的习惯后，觉得W3C验证指出错误非常直观，很方便修改，而且还是帮助你书写规范很不错的地方，除了纠正书写的错误，你还可以通过这里解决很多不解的问题，比喻一些嵌套问题，在你要布局某种结构，但不知道你写的嵌套是否正确，学习别人的书写也不一定正确，就可以去验证结果，相当方便，也不会消耗多少时间。
在制作的时候，你可能觉得你写的结构通过样式都达到了预期的效果，但是作为这个行业，我觉得你必须严格要求自己。
