如何快速掌握4分钟学会网页样式的方法？

本文共计1675个文字，预计阅读时间需要7分钟。

想要在个人网站分享产品、作品集或灵感？在发布前，确保内容吸引人、专业，至少引起一点关注。

比方说，你想要在自己网站上分享一个产品，或者是一个作品集，又或者仅仅只是一个灵感。在你发布到网上之前，你想让它看起来有吸引力，专业，或者至少得看起来像那么回事。那么你接下来该做什么

比方说，你想要在自己网站上分享一个产品，或者是一个作品集，又或者仅仅只是一个灵感。在你发布到网上之前，你想让它看起来有吸引力，专业，或者至少得看起来像那么回事。

那么你接下来该做什么呢？

文本

设计的目的是为了增强它所应用到的内容的表现形式。这看上去是显而易见的事，但内容是一个网站的主要元素，它不应该在发布后才想到要调整。编写的内容，就像你目前正在阅读的文章，组成了超过90%的网页。为这个文本内容添加样式将有一个很长的路要走。让我们假设你已经完成了你想发布的内容，同时已经创建了一个空的style.css文件，什么是你可以写的第一条规则？

居中

长文本很难解析，也因此不易阅读。每行设置字符限制，可以大大提高大量文本的可读性和吸引力。

body { margin: 0 auto; max-width: 50em;}

在为文本容器添加了样式后，为文本本身添加样式可好？

字体

浏览器的默认字体为Times，可看起来缺乏吸引力（主要是因为它是“无样式”字体）。切换到一个无衬线字体，如Helvetica或Arial可以大大提高你网页的可读性。

body { font-family: "Helvetica", "Arial", sans-serif;}

如果你坚持要用衬线体，可以试试Georgia。当我们让文本更具吸引力时，也需要让它更具可读性。