css - 如何使用 div 和 span(而不是表格标签)设计网站

标签 css layout html

我是网站设计领域的新手!

我想在 <div> 的帮助下布局我的整个网站& <span>而不是<table>标签。

你能推荐一些好的文档来帮助我设计这个吗?

谢谢。

最佳答案

我认为下面的教程会对您有所帮助。
尝试在没有表格的 CSS 中进行此布局。

简介:http://www.htmlite.com/SD008.php

中级(但更详细的介绍)http://www.hotdesign.com/seybold/everything.html

很多详细信息:http://coding.smashingmagazine.com/2009/04/08/from-table-hell-to-div-hell/

高级 - 不管你相信与否,现在也有(坐在这里) - 实际的 css 表!
http://www.sitepoint.com/table-based-layout-is-the-next-big-thing/

正如 Strelok 指出的那样,HTML 表格目前仍然有一席之地,只需将它们保存为真正的“表格”数据 - 例如:公交车时刻表、交易详细信息、用户列表等。

float tutorial Raffael 提供的引用资料也是学习该领域的优秀读物。谢谢拉斐尔!

所有 Web 开发人员都应该阅读 Johannes 提供的有关最佳实践的链接!
http://www.iraqtimeline.com/maxdesign/basicdesign/principles/prinlayout.html

关于css - 如何使用 div 和 span(而不是表格标签)设计网站,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8104174/

相关文章:

javascript - 我在使用 javascript $ .get (URL, callback) 时遇到问题;

css - 为什么我的不同立方贝塞尔曲线计时不起作用

java - 在 java swings 中切换/导航 jpanels

html - Twitter Bootstrap 3 复选框不会与表单的其余部分对齐

css - 左对齐和右对齐在同一行上的跨浏览器 CSS

javascript - 嵌套在 hbox 布局中的 ExtJS vbox 布局问题

php - 在表单输入中回显 php 作为带有路径的按钮

html - 如何对齐图像旁边的标题和段落

html - 无需指定右列的两列 CSS 布局

html - 选择元素上下拉框的大小