飞龙博客

feilong.org 前端开发教程

飞龙设计最简洁规范css表格样式九点看法

飞龙修订于 20090810 09:38 86 次浏览

晚上需要做个公司的规范表格,所有飞龙认真的研究了一下表格的样式设计规范问题。下面是飞龙的九点看法,做到代码最少,载入最快,容易修改,简洁清爽。相信这就是传说中的最简洁规范的表格了?本日志更新网址:http://feilong.org/good-table-css ,演示地址:http://feilong.org/code/good-table-css.htm  ,2009年8月10日飞龙第2次修订。关于网页网页架构思路可参考:http://feilong.org/web-structur-edesign 欢迎交流。

1.样式适用范围:不是网站的所有表格都需用到某样式,所以飞龙把此表格用id识别,有利于标签套用css样式。

2.样式调用方式:用<link rel="stylesheet" type="text/css" href="goodtable.css">来调用外部css文件,这比把样式直接写网页内更简洁规范。

3.此表格id样式:此id表格,字体最好居中对齐、12px。一般来说表格本身需设置宽度比如500px,飞龙(www.feilong.org)认为表格宽度不要超过600px,防止表格撑破正文区域。

4.表格边框设计:飞龙把此表格id设置下边框和做边框,同时给此表格td设置上边框与右边框,这样就实现了大家看到的虚线效果。

5. 表格标题规范:表格本身带有标题标签caption,飞龙认为不需再为表格加title/h2之类......

付费查看剩下内容

网址:https://feilong.org/good-table-css
初发:20090810 09:38

想学前端?长按二维码加我微信

想学前端?点击飞龙QQ

分类: 网站开发

新作:

旧文:

  • 言色和悦对父母
    有无相通待亲友
关闭

长按二维码 -> 识别图中二维码

打开微信,发现,扫一扫

支付完成后,点击下一步

感谢大力支持

然后你手机号:

最后点这,稍等即可