目前最好的做法是不使用备用箱型号吗?

时间:2011-07-19 01:03:38

标签: html css

我目前正在开始涉足HTML和CSS。我已经对标准的盒子模型设置感到沮丧,其中填充增加了盒子本身的大小,所以我设置我的CSS模板使用边框盒模型。这是好的,还是不推荐作为最佳实践/不建议学习HTML / CSS?如果我使用它而不是标准的盒子模型,会破坏许多javascript / jQuery脚本吗?我不想养成使用它的习惯,如果大多数开发人员回避它,或者它会导致预先制作的脚本和插件中断。

我问这个的原因是因为似乎有些人对当前的盒子模型不满意,如果有任何迹象表明标准盒子模型可能会改变为边框模型,那么我可能想坚持下去。

2 个答案:

答案 0 :(得分:2)

您问我们是否应该使用标准方法或非标准方法。答案是:使用标准方法。否则,你将永远与CSS战斗。

我发现的“标准”mox模型的最佳类比是假装你正在寻找一个盒子来运送东西并需要找出所需的空间。您的物体将具有一定的尺寸,然后您需要为所有包装材料(填充物)留出空间。

编辑:

我承认我并不熟悉那个CSS属性。在做了一些研究之后,它似乎确实具有实际用途(特别是当试图在流体布局中对列进行划分时)。也就是说,我不会称它为标准盒型号的替代品,而是在使用它时有意义的替代品。学习标准盒子模型,然后你就会知道什么时候改变它是有意义的。

答案 1 :(得分:0)

如果你使用css重置(这是相当标准的做法),这就变得不那么重要了。 这是两个最受欢迎的

'迈耶' - http://meyerweb.com/eric/tools/css/reset/

'YUI重置' - http://developer.yahoo.com/yui/reset/

这些将删除所有浏览器默认样式,为您提供要构建的“空白画布”。你会发现大多数CSS框架(和大多数网站)都会使用某些描述的重置。使用YUI,他们甚至会为您提供另一个样式表来构建一些已删除的样式(以跨浏览器的一致方式)。

至于填充/边距/边框(这首先是你真正要求的) - 它实际上取决于上下文。它们存在的原因各不相同 - 例如,我倾向于在间隔div时使用margin,而在间隔标题时使用padding但是没有硬性和快速的规则。