Bellboy struggling

看看表象之下是什么

这本可以做得简单得多。猜猜我们在这个小表格里用了多少代码?足足 13.7k。这玩意儿一共有 17 行 9 列,还没算上那些用来做间隔的 GIF!
这种方法用了太多的表格单元和间隔符。而且所有这种虚线边界都是用表格单元的 background 属性完成的,这可通不过 HTML 标准的验证。
嵌套表格?为啥?
不就是为了做个开头带圆点的列表嘛,何苦呢?
全部这些其实可以只用 8 个表格单元加 4 条 CSS 规则就搞定的。我是说真的,只要 8 格单元和 4 条规则,只要这些。
噢不,又一个披着列表外皮的表格。
要做这种列表,其实只需要用 HTML 里的点列标记,剩下的就让 CSS 完成吧。
这四条规则是:一条给 <table>,一条给 <td>,一条给 <ul>,还有一条给 <li>。就这么简单,写好这些就大功告成了。
这可比再用八个表格单元来伪装点列,同时大大丧失亲和力要好得多。
谢天谢地!总算是最后一个假结点了。

下面的代码描述的表格的结构:

table{ margin:3px; padding:2px; border:solid 2px blue }

td{ padding:2px; border-style: solid; border-width: 1px; border-color:gray gray silver silver }

>
Scott Design