WebBlog:路杨中标签为“CSS”的文章

不知道 6A 出于什么考虑。从 MT3.3x到 MT4,MT 模板的一些定义变化了。导致旧的CSS没有办法直接移植到新的系统(如果你使用新系统带的模板的话)。

主要变化在 页面布局 的变化,基本上对应关系如下:

layout-two-column-right -> layout-wt
layout-two-column-left -> layout-tw
layout-three-column -> layout-wtt(宽-窄-窄) 或者 layout-twt (窄-宽-窄)

另外, 模块Class 名字原来 叫 module 现在改成了 widget , 原来所有以 module 的元素名字也改成了 以 widget 开头。

大概变化就这样,如果要使用旧风格,直接把 CSS 按照上面的进行替换,然后再修改细部就可以了。

今天无意中看了一篇文章,作者显然是CSS+Div的崇拜者,对 含有 table 的网页特别不屑一顾,甚至说了 tableless 是 Web2.0的重要标志,含table 的网页就是上个世纪的老古董之类的话:)

恩,tableless 是 Web2.0的重要标志这个我倒不反对,我理想中的网页在脱掉CSS外衣后应该有很好的可读性,这一点 tableless 的确值得推广,网页设计我不专业,但是我也尽量让自己的页面在逻辑上可读性高一点,CSS+ DIV 的确是个好主意。

但是是不是要把 table 一秆子打死呢? 我觉得到也未必。table还是必要的。只要不影响可读性,table 依然可以用,并不是什么上个世纪的老古董之类。
如果单纯为了追求 TableLess 所谓的Web2.0而不使用table而用 DIV +大量的CSS来嵌套模拟的话,似乎就有点钻牛角的感觉了:)
只要网页中不使用 table 来定义宽度,颜色等应该用CSS定义的东西,而table只用来做单纯的"Table"就可以了:)
就象这样:
原来的代码是这样的

<table align="center" border="1" bordercolor="color1" cellpadding="x" cellspacing="y" height="xxx" width="xxx"> <tr> <td align="center" background="xxxx" bgcolor="xxx" width="xxx"><b>状态</b></td> <td align="center" background="xxxx" bgcolor="xxxx" width="*"><b>主 题</b></td> <td align="center" background="xxx" bgcolor="xxx" width="xx"><b>作 者</b></td> <td align="center" background="xxx" bgcolor="xx" width="xx"><b>回复</b></td> <td align="center" background="xxxx" bgcolor="xx" width="xx"><b> 最后更新</b></td> </tr> </table>

改后的代码是这样的


<table id="posttable">
<tr>
<td id="state">状态</td>
<td id="topic">主题</td>
<td id="author">作 者</td>
<td id="reply">回复</td>
<td id="last_reply_time">最后更新</td>
</tr>
</table>

加上针对 table 的 CSS

#posttable { .... } #state ,#topic,#author,#reply,#last_reply_time {.....}

这样就足够了:) 也满足了可读性 :P 而不必要去为了追求Tableless 而去花大量的时间重写 :)

PS: 一家之谈。。。

This is a SiteLog of Easun's WebBlog。
通过 Google Analytics 显示(见下图),来访者的 屏幕分辨率 大于等于 1024x768 的已经达到了 93% ,联系实际,现在的电脑显示器似乎最基本的就是支持 1024x768 吧?
我的WebBlog一直是按照 800X600 设计的,现在看来有的过期了,新的 MT4.0b 模板默认就是 1024x768的,看来我也要小修改一下了:)

仅仅是记录,暂存。。。方便随时编辑而已
还不完善,准备替换 Perl China Wiki Site 的CSS,容我慢慢优化。

1  

Recent Comments