日期:2014-05-17  浏览次数:20658 次

真正意义上的html数据与css分离
一直以来为这个问题烦恼,
现在所谓div+css也是有点嵌套的样子,能不能做到代码和样式完全独立,比如

代码
<div   id= "Page页眉 ">
顶部
</div>
<div   id= "Page中间竖1 ">
1
</div>
<div   id= "Page中间竖2 ">
2
</div>
<div   id= "Page中间竖3 ">
3
</div>
。。。。。。


html代码没有嵌套,或者有嵌套也只是局部恰套,
在写一个css来控制这些属性(css不要用绝对定位),能达到一种比较好的效果,当然不是简单几个框,最终是要做成一个地方门户网站首页

请大家帮忙解决一下,先谢过。

------解决方案--------------------
能分离的是样式外观,而不是布局

你可以定义多套布局去生成不同的页面结构
------解决方案--------------------
其实你这个例子就比较简单

只要把三个div的样式设成

float:left;
配好宽度

就可以从左到右了
------解决方案--------------------
div+css也不是在任何情况下就能适用的,具体是否要看条件,不必非要往上面套吧
------解决方案--------------------
做到代码和样式完全分离和简单,但并不是说div+css就不能嵌套,我们只是说用div+css做同样的事情一般都会比用table的嵌套更少,更明了些
------解决方案--------------------
当然会嵌套,难道你想给全部的DIV设置 position:absolute 么? - -#
------解决方案--------------------
一面的内容最重要,之后确定结构,最后才是样式,没有必要烦恼,ID是CSS中的个体属性,CLASS是共性,要学会分析出共性,给Css代码减肥
------解决方案--------------------
如果了解结构语义化深一点,写出来的xhtml文档很少嵌套,一般也就最外层讨一个让整个页面居中显示,除非特别复杂的页面
一定要抛开table的思维,不要做个把table换成div的“table者”
------解决方案--------------------

一下吧`
------解决方案--------------------
有空去研究下3721吧!
------解决方案--------------------
exit
------解决方案--------------------
去研究下这个网站吧
http://www.show43.com
写得比网易还好
------解决方案--------------------
学习中
------解决方案--------------------
你想做到分3个竖栏,然后高度自动根据内容适应,以最高的那个为准?这是能够做到的,需要稍微改变HTML中的元素嵌套方式,但是还不至于歪曲语义,你去看看《精通CSS》(原名《CSS Mastery》)这本书就知道了。
------解决方案--------------------
CSS也得学....
每次改CSS的代码还得找UI,麻烦....
要学的东西真多啊..