标签归档:div

不要为了div而div

web页面从非标准到标准发展 以往以table布局方式的页面 渐渐都变成了div+css的方式 很多人就认为是完全撇弃了table而全部采用div 以致在使用数据做表格的时候还要相仿设法的用div+css的方式 其实这种想法是错误的! table标签也是web标准的一部分,在做页面布局的时候我们不用,但是在一些具体的数据表格上面,我们还是需要用到这个。 table配合ajax的应用,对数据有索引,计算,以及增删改的功能 所以在应用到具体数据的时候,还是要以table的方式进行,不要盲目的用div 另外table 在具体应用中,不同过的地方还有不同的标签,像thead tbody tfoot th等不常用到的 <table border="0"> <thead> <tr> <th></th> <th>A</th> <th>B</th> </thead> </tr> <tbody> <tr> <th>ietm1</th> <td>1</td> <td>2</td> </tr> <tr> <th>ietm2</th> <td>1</td> <td>2</td> </tr> </tbody> </table> 下面是一个经典的例子,有兴趣的可以研究一下 http://veerle.duoh.com/blog/comments/a_css_styled_table_version_2/ 还有一些ajax+table的应用实例 http://www.allsprite.com/archives/233

发表在 Web标准 | 标签为 , | 留下评论

div+css命名参考

命名参考 常用的CSS命名规则: 头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center 命名全部使用小写字母,如果需要多个单词,单词间使用“-”分隔,比如user-list

发表在 Web标准, 网站架构 | 标签为 , | 留下评论

DIV+CSS网站的制作规范

一. 导航要求 在此站点的每一个页面都出现 内容包括:主页,网站介绍,站点视图,联系方式,反馈,搜索工具,常见问题解答,实际内容栏目(包括相关站点链接、新闻页) 栏目如果采用图标,下面应附有文字说明,以避免图像表达不清。 无任何链接内容的不做成按钮的形式 纯文本like用常用颜色。避免在链接处使用特殊的颜色。应该使用标准、醒目的颜色。 屏幕上显示的页面所对应的按钮应该相应变成灰色、突出显示或以其它方式表示出来。 每个页面都应包括: 版权及网站管理员的E-mail地址。 每个页面都应包括代表”返回”或”前进”的箭头。

发表在 Web标准 | 标签为 , , | 留下评论

容器高度1px解决办法

容器高度1px解决办法 div{ font-size:0px; height:1px; overflow:hidden; background:#cc0000; }

发表在 Web开发, 网站架构 | 标签为 , | 留下评论