真实的前台页面布局的手法?

并不是完全的 div来布局.

很多时候, 还是要综合 各种手段, 各种方法 / 方式跟 div一起, 共同来进行页面的布局.

如: table, ul

而div 等是可以放在 任何地方的:

在table的 tr> td中 可以放置 div.

在ul的li 中 , 可以 放置 div....

==================================================== ===========
代码中, 通常的法则是 "单词和单词之间 用空格进行 分隔", 只是一些特殊的 符号不用空格, 跟其前后的内容 紧连在一起, 包括:

1. 括号中的 小括号和尖括号;
2. 引号: 包括单引号和双引号;
3. 表示 所属/成员/对象 的 点号. 和 ->
4. 表示语句结束的分号; 一般紧跟前面的单词, 不用空格分隔;
5. 等于符号: 区别对待, 如果是表示 "赋值" 的等号, 要用空格 分隔; 如果不是表示"赋值", 只是表示html属性的等于, 则不需要分隔....

===================================== ========
其实我们在设计html页面的时候, 更多的时候, 还是使用的word text等思想, 没有web页面的布局思想
要用web页面布局的思想来进行设计: 比如:

1. web页面常常讲究的是 图文混排: 要有图片, 常有 "图标" 当然是能够表示 内容的 "图标"
2. 文字最好是成行, 一行一行的进行 排列