设为首页收藏本站订阅更新

无忧脚本

 找回密码
 加入无忧

QQ登录

只需一步,快速开始

搜索
查看: 6878|回复: 15

[讨论] 投票看两种CSS写法中哪一种最好(1)

[复制链接]
发表于 2011-3-3 15:02:20 | 显示全部楼层 |阅读模式
投票看两种CSS写法中哪一种最好:(认为都不好的,那就把最不好那项不要投,投票给剩下的一项,或回复说明)

写法1:
<div class="PageWidth" id="ManLink">导航</div>
<div class="PageWidth" id="Banner">Banner</div>
<div class="PageWidth" id="Content">正文</div>
<div class="PageWidth" id="Footer">页脚</div>

写法2:
<div class="PageWidth">
  <div id="ManLink">导航</div>
  <div id="Banner">Banner</div>
  <div id="Content">正文</div>
  <div id="Footer">页脚</div>
</div>

PageWidth样式指定页面内容的宽度:
.PageWidth{
        width:960px;
        margin:0 auto;
}
单选投票, 共有 25 人参与投票
68.00% (17)
32.00% (8)
您所在的用户组没有投票权限
发表于 2011-3-14 20:03:37 | 显示全部楼层
第二种会好点吧,因为我以前也是大概这样,不过都是用id,但后来想重用,发现很难,所以现在还是按第二的格式,不过都用成class
回复

使用道具 举报

发表于 2011-3-15 22:47:25 | 显示全部楼层
为何写法二好,没有人投票呢?
回复

使用道具 举报

发表于 2011-3-30 12:06:15 | 显示全部楼层
我也认为写法2好,虽然没有1的灵活性好,不过作为一个块来说,不需要经常变动布局的,我是会用一个div把他们包起来
回复

使用道具 举报

发表于 2011-4-6 10:20:08 | 显示全部楼层
我觉得写法2 好

ID容器通常是不需要经常变动的,且基本都是主要的模块,所以用一个块把他们包起来

另外代码量也减少了 结构看上去更加清晰
回复

使用道具 举报

 楼主| 发表于 2011-5-11 23:26:05 | 显示全部楼层
写法2的会不会是要等里面的四大块加载完才能显示?
回复

使用道具 举报

发表于 2012-8-2 15:13:46 | 显示全部楼层
怎么参与投票,威望会减少的呢?
回复

使用道具 举报

发表于 2012-8-8 15:52:39 | 显示全部楼层
我觉得第二种好些吧。页面结构明了,样式也更好控制一些。
回复

使用道具 举报

发表于 2012-8-8 16:57:58 | 显示全部楼层
必须是第二种方法好啊
回复

使用道具 举报

发表于 2012-10-19 09:21:02 | 显示全部楼层
起码代码就少了一些
回复

使用道具 举报

发表于 2012-12-8 11:10:39 | 显示全部楼层
当然第一种好了,毋庸置疑,无论从代码灵活的角度讲,还是从节点数量上讲!
个人愚见!!
回复

使用道具 举报

发表于 2012-12-8 14:36:33 | 显示全部楼层
单独的布局,两种差别不大。个人觉得方法一的扩展性会更好些,可能和具体开发的项目有关。
回复

使用道具 举报

发表于 2012-12-10 10:36:06 | 显示全部楼层
个人觉得第二种方法好点,改动的话不存在谁好谁不好!第一种灵活性强一点,第二种也很好控制!
回复

使用道具 举报

发表于 2013-1-5 10:35:47 | 显示全部楼层
从代码重用性上看写法二好,灵活性上写法一好,个人会选择写法一,不喜欢div里面包含太多块
回复

使用道具 举报

发表于 2013-1-30 12:06:09 | 显示全部楼层
这是页面级别的DIV,写法二好。尽管写法一在写后台程序的时候会稍微方便那么一点点,但是写法二更加灵活,原因有二:
1. 便于增加页面效果。假设你想在页面的最外层做一个书页效果,或者在侧面加一条阴影做成立体效果,那最方便的就是在外层DIV上加一个背景图。有时甚至需要多个DIV包裹
2. 如果你想改变页面的滚动方式,也可以在外层加个overflow hidden,控制一下height等等
回复

使用道具 举报

发表于 2013-2-3 11:49:39 | 显示全部楼层
我自己在用第二种
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 加入无忧

本版积分规则

小黑屋|手机版|Archiver|无忧脚本 ( 苏ICP备05080427号 )|值班电话:027-62300445   鄂公网安备 42011102000433号

GMT+8, 2018-12-11 13:52 , Processed in 0.094633 second(s), 11 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表