|
锁定老帖子 主题：CSS设计的一些原则
精华帖 (6) :: 良好帖 (0) :: 新手帖 (1) :: 隐藏帖 (0)
|
|
|---|---|
| 作者 | 正文 |
|
发表时间：2010-01-25
code_k 写道 弱弱的问下，为什么在div中包含文字不好呢
因为在w3c的设计中，div并不是被设计用来包含文字的，而p却是，你可以看一下wordpress架构下的文章，都是用p包在里面的，而不是div。你可以理解这是一种好的编程风格，但不一定是强制性的。 |
| 返回顶楼 | |
|
发表时间：2010-01-25
fight_bird 写道 Inside 写道 对大原则不完全认可。
举个例子：在常见的左中右三栏布局下，使用div+css就要用到浮动，而分栏div浮动在IE6下简直就是自找麻烦，经常会有莫名其妙的BUG。 现在我设计页面不是必要情况下不考虑浮动（因为IE6对浮动的支持太烂了），而是使用表格，表格布局本身没什么，实际上各浏览器包括IE6在内对表格的支持都不错，关键是表格布局被不分情况的滥用了。 合理使用表格，可以使你用一套CSS做几乎全浏览器兼容的页面，只有极少数情况需要定制，根本不需要什么css hack，开发轻松愉快。 一句话，不要只是为了不用表格而全部使用div+css，这是本人在走弯路情况下得来的经验。 赞成你的观点，纵向block级分割用DIV合适，横向或横向+纵向的分割用Table合适，用div + css实现一切是走极端，css并不排斥table。 如果用table作横向布局的话，在手持设备中，比如iphone中浏览，就会面目全非，而div则会自动排到下面去。国外的网站都要求支持手持设备，所以tableless的布局一般都是客户要求的。 |
| 返回顶楼 | |
|
发表时间：2010-01-26
我也想问一下，为什么尽量不要在div中直接放文字啊？有什么不好的地方吗？
|
| 返回顶楼 | |
|
发表时间：2010-01-26
luoting2762 写道 我也想问一下，为什么尽量不要在div中直接放文字啊？有什么不好的地方吗？
http://baike.baidu.com/view/1393958.htm 看看百度百科对于div的定义，DIV元素是用来为HTML文档内大块（block-level）的内容提供结构和背景的元素。 div用于结构。 而p则是表示一段。 所以从W3C设计HTML的初衷出发，用p包含文字比较合适，这也是欧美网站主流的做法。 |
| 返回顶楼 | |
|
发表时间：2010-01-26
DIV来包含文字比较方便设置宽度和高度，用P就不好控制这个了。
|
| 返回顶楼 | |
|
发表时间：2010-01-26
最后修改：2010-01-26
《网站重构》上还有什么原则再写写吧，没买，你表述得挺好的，想看免费版的。
不过请允许我再发表个疑问：请勿使用固定的字体尺寸，w3school上的似乎和《网站重构》在这点上有分歧: 引用 因为不容浏览器兼容性的原因，尽量使用px来设置字体大小
|
| 返回顶楼 | |
|
发表时间：2010-01-26
hyj1254 写道 《网站重构》上还有什么原则再写写吧，没买，你表述得挺好的，想看免费版的。
不过请允许我再发表个疑问：请勿使用固定的字体尺寸，w3school上的似乎和《网站重构》在这点上有分歧: 引用 因为不容浏览器兼容性的原因，尽量使用px来设置字体大小 关于这个看看《无懈可击的Web设计》就好，整体字体的设置很简单。 |
| 返回顶楼 | |
|
发表时间：2010-01-26
最后修改：2010-01-26
hyj1254 写道 《网站重构》上还有什么原则再写写吧，没买，你表述得挺好的，想看免费版的。
不过请允许我再发表个疑问：请勿使用固定的字体尺寸，w3school上的似乎和《网站重构》在这点上有分歧: 引用 因为不容浏览器兼容性的原因，尽量使用px来设置字体大小 那些原则不都是《网站重构》书上的。 不过关于尽量使用px来设置字体大小确实是《网站重构》上的。 使用px来设置字体大小，是因为这样可以保证在所有版本的浏览器上，字体的大小都是一致的。 hyj1254 写道 这项建议最重要的理由是无法通过浏览器重新调整固定尺寸的大小。
这是w3school上的原因，但是随着浏览器的发展，目前除了IE6之外，其他的浏览器都支持缩放页面了，也就是说，即时使用固定尺寸，绝大部分浏览器也是可以重新调整固定尺寸的大小的。 |
| 返回顶楼 | |
|
发表时间：2010-01-27
我觉得，很多地方，表格是不能层取代的。
|
| 返回顶楼 | |
|
发表时间：2010-01-27
cuixiping 写道 DIV来包含文字比较方便设置宽度和高度，用P就不好控制这个了。
文字也可以用span包含吧？ |
| 返回顶楼 | |
