我一直在freecsstemplates.org上试验Majestic template。到现在为止还挺好;我真的很喜欢这个样子(或者更具体一点,我老板真的很喜欢这个样子)。
但是,我注意到驱动此模板的CSS看起来非常脆弱;微小的变化可能导致真正彻底的破坏。特别是,如果我减少CSS中标题的大小(以消除页面顶部的一些空白空间),两个外部列突然消失。
对于小型网站,有时我会哭叔叔,只是使用表格进行布局。我意识到这是异端的;我应该将设计留给专业设计师吗?或者也许我会以错误的方式解决这个问题,有人可以帮我解决。
答案 0 :(得分:6)
老实说,我认为这种布局非常糟糕。元素的宽度似乎会改变它们出现在页面上的位置,并且它们都需要像素完美才能使所有内容都居中。
由于某些奇怪的原因,整个页面已被放置在标有“标题”的div元素内...这对于开始没有多大的语义意义。
然而,似乎如果你减少每个元素的宽度,那么一切都会变小,任何事都不会消失。
我建议看一些其他更合理的布局,因为我不认为这是达到这种风格的一种非常好的方式 - 正如你所说的那样,它很脆弱。您是否尝试过将扩展名Firebug用于Firefox?它允许您对css进行实时更改,并查看它如何影响样式,这将有助于您快速学习。
答案 1 :(得分:4)
CSS很精致,但比一个充满桌面布局的网站更容易处理。我发现Dave Shea的书Zen ZenGarden从设计师的角度来学习CSS是一个很好的帮助。
通常在分层模板中有一些地方可以对CSS进行更改,并且跟随哪些选择器控制您想要管理的元素可能会让人感到困惑。有许多工具可以提供帮助,但对我有用的一些工具是:
另一个提示是了解!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)
首先要了解基础知识,不要只是深入了解在线发现的某些文件,这些文件可能(在您的情况下)包含非常糟糕的代码。
如果您最终想要使用表格,我建议您开始查看某些网格系统,例如http://960.gs/,以减轻您的痛苦。
吉丁