1

当我用 css 设计网页时，排版是我永远无法正确处理的事情之一，标题和正文的外观和感觉都不像我在网上看到的大多数其他网站那样好。通过这一点，我主要是我的排版感觉不像这些网站那样可读和宽敞

我确实尝试复制这些漂亮网站的 css，但我似乎从来没有得到相同的结果（或者至少我似乎从来没有将这些技术变成我自己的，以便我将来可以使用它们）。另外，在排版方面，我的 css 无处不在。如果我以后需要更改样式，我会花很长时间搜索相关值

当我第一次开始学习 css 时，我发现了很多关于如何使页面布局正确（静态、流畅、左/右导航）的教程，但我从来没有发现任何有用的东西来帮助我获得正确的外观和感觉排版。另一方面，有很多关于排版的书，但似乎没有帮助如何让排版在网络上看起来不错。

我希望你能推荐一些资源，或者任何可以保证这种类型在网络上看起来不错的固定方法

谢谢

4

1 回答 1

2

这篇文章可能有用：http: //ilovetypography.com/2008/02/28/a-guide-to-web-typography/

通过浏览您欣赏的网站并尝试他们的 css，您已经在做正确的事情；这是最好的学习方式之一。

一般来说，当我使用排版时，为了让它看起来更好，你能做的最好的事情是考虑三件事：对比度、颜色和视觉层次。

  • 对比度：如果您的文本在背景上呈现的颜色对比度不佳，那么它看起来会很糟糕。事实上，它是如此糟糕，以至于它可能被视为“无法访问”。您可以使用颜色对比检查等工具来确保您的文本符合Web 内容可访问性指南。
  • 颜色：您可能会发现您喜欢的大多数网站都没有真正的黑色文本。纯黑色在自然界中并不常见，白色背景上的黑色文本是您可以获得的最高对比度，看起来有点刺眼。大多数网站通过将黑色文本稍微变灰来淡化它，例如color: rgb(30,30,30);
    如果您想使用颜色，请尝试使用基本颜色理论选择可以很好地协同工作的CSS 。要么，要么选择一个漂亮的深色并坚持黑色。
  • 视觉层次结构：基本上，使用更大的字体来显示更重要的标题。所以 anh1很可能是你最大的一段文本，每个大小一直下降到h6，并且标签中的任何其他内容p应该大致是你在此处看到的文本的大小。Webdesign Tuts 最近刚刚发布了一篇关于视觉层次结构的文章，非常好。

希望有帮助！

于 2011-03-06T06:37:11.023 回答