CSS布局真的像它似乎一样微妙吗?

时间:2009-07-20 00:54:47

标签: css layout

我一直在freecsstemplates.org上试验Majestic template。到现在为止还挺好;我真的很喜欢这个样子(或者更具体一点,我老板真的很喜欢这个样子)。

但是,我注意到驱动此模板的CSS看起来非常脆弱;微小的变化可能导致真正彻底的破坏。特别是,如果我减少CSS中标题的大小(以消除页面顶部的一些空白空间),两个外部列突然消失。

对于小型网站,有时我会哭叔叔,只是使用表格进行布局。我意识到这是异端的;我应该将设计留给专业设计师吗?或者也许我会以错误的方式解决这个问题,有人可以帮我解决。

6 个答案:

答案 0 :(得分:6)

老实说,我认为这种布局非常糟糕。元素的宽度似乎会改变它们出现在页面上的位置,并且它们都需要像素完美才能使所有内容都居中。

由于某些奇怪的原因,整个页面已被放置在标有“标题”的div元素内...这对于开始没有多大的语义意义。

然而,似乎如果你减少每个元素的宽度,那么一切都会变小,任何事都不会消失。

我建议看一些其他更合理的布局,因为我不认为这是达到这种风格的一种非常好的方式 - 正如你所说的那样,它很脆弱。您是否尝试过将扩展名Firebug用于Firefox?它允许您对css进行实时更改,并查看它如何影响样式,这将有助于您快速学习。

答案 1 :(得分:4)

CSS很精致,但比一个充满桌面布局的网站更容易处理。我发现Dave Shea的书Zen ZenGarden从设计师的角度来学习CSS是一个很好的帮助。

通常在分层模板中有一些地方可以对CSS进行更改,并且跟随哪些选择器控制您想要管理的元素可能会让人感到困惑。有许多工具可以提供帮助,但对我有用的一些工具是:

  • Google Chrome及其Inspect Element选项
  • Selector Gadget - 一个可以帮助您直观地确定影响元素的选择器的书签
  • Firefox的Web Developer插件

另一个提示是了解!important修饰符 - 当有多个CSS选择器影响同一元素时,强制执行特定的属性设置会很方便。

答案 2 :(得分:3)

根据我的经验,CSS在概念上很容易理解,但需要很长时间才能掌握 脆弱的CSS可能非常脆弱,但好的CSS可以非常灵活。

答案 3 :(得分:2)

现在,CSS可以使布局非常简单灵活,也可以使最简单的任务成为绝对的噩梦。

纯粹主义者会告诉你使用CSS无论如何,实用主义者会告诉你使用什么有效。如果使用表格或非CSS解决方案可以使事情变得更加容易,那就使用它吧!

就个人而言,我尽可能地尝试使用纯CSS,但有时候我想什么也不做,但发誓当FireFox中的一些光彩在IE中看起来很糟糕时。这就是黑客入侵的地方。正是这些黑客和工作方式首先使CSS变得脆弱。

如果所有浏览器完全符合CSS规范所说的那样,那么CSS的一半问题就会消失。唉,这还没有发生,所以我们不得不忍受使用表格,或者在场合,脆弱的CSS。

最佳解决方案是使设计尽可能简单。如果你发现你有一百个div和很多CSS技巧来做一些直接的事情,那就停下来吧。重新思考你是如何接近它并再试一次。

在一天结束时,您的网站用户并不真正给猴子一个网站的样子,只要他们能够以最小的努力获得他们想要的信息。成功地管理它,他们不会关心闪亮导航栏的真实感,或边界排队等等。

无论如何,这是我的18便士:)

答案 4 :(得分:0)

我同意大多数css模板难以阅读,不同的人可能对同一布局策略采用截然不同的方法。由于css中存在太多黑客/技巧/技术,因此几乎在所有情况下,当您尝试修改现有的那些时,它真的很脆弱,这些样式非常依赖于彼此。

答案 5 :(得分:0)

只要不打破它,Css就不会破坏;)这是一种语言。就像一个普通的,如果你不使用正确的语法,人们将无法理解你的意思。 如果布局不起作用或突然你的页面看起来很垃圾,我会向你保证这是你的错。 Css并不脆弱,你用它写的代码可能是。

首先要了解基础知识,不要只是深入了解在线发现的某些文件,这些文件可能(在您的情况下)包含非常糟糕的代码。

如果您最终想要使用表格,我建议您开始查看某些网格系统,例如http://960.gs/,以减轻您的痛苦。

吉丁