好的網站不在于網頁的眩目多彩，而在于信息的流量和浏覽者的視覺感受。小小的文字在不同的設計師手中會演繹成不同的藝術樂章。作為網頁設計師，必須下工夫做好網頁文本的排版設計，希望下面介紹的網頁文本編排秘招能給大家一點啟示。

示例圖片

本文主要介紹在網站設計過程中文本排版應注意的基本問題和常規解決方法。

不合理的網頁文本排版會對浏覽者的視力産生消極的影響，不亞于庸俗的網頁内容對于浏覽者心靈的毒害。設計師要避免這樣的問題出現，其實也很簡單，記住5要素：字體大小、字間距離、行内字數、行間距離和段落距離。

标準正文字體大小一般為9pt（點數）或12px（像素）。由于顯示器屏幕越來越大，同一字體大小設置會比以前顯示得小，現在有些網頁正文字體大小設計趨向增大，可以在這個基礎上增加2個單位，但不能超過16像素，否則就會覺得太大，顯得版面内容太空。

在網頁正文中适合視覺閱讀的字體大小為12pt，但由于在一個頁面中需要安排的内容較多，通常采用9pt，所以建議根據個人網頁内容而設定。

較大的字體可用于标題或其他需要強調的地方，小一些的字體可以用于頁腳和輔助信息。需要注意的是，小字體容易産生整體感和精緻感，但可讀性較差。

正文字距一般保持正常即可，即為0em（字體高度），不要超過1em，否則就顯得不連貫。

行内字數一般根據版面大小而定，建議正字數保持在40個字左右為宜。

正文行距一般設為1.6em（字體高度）左右，正常範圍為1.2-2em（字體高度）。不宜太小，否則會擠在一起，無法識别；太大就容易産生斷行現象。

行距的變化也會對文本的可讀性産生很大影響。一般情況下，接近字體尺寸的行距設置比較适合正文。這主要是因為适當的行距會形成一條明顯的水平空白帶，以引導浏覽者的目光，而行距過寬會使一行文字失去較好的延續性。

除了對于可讀性的影響，行距本身也是具有很強表現力的設計語言，為了加強版式的裝飾效果，可以有意識地加寬或縮窄行距，體現獨特的審美意趣。例如，加寬行距可以體現輕松、舒展的情緒，應用于娛樂性、抒情性的内容恰如其分。另外，通過精心安排，使寬、窄行距并存，可增強版面的空間層次與彈性，表現出獨具匠心。

正文段距一般可設為1em（字體高度），即相當于空一行，由于在CSS樣式表中沒有直接的段距設置，可通過設置margin（邊距）、padding（填充）屬性來實現。

1.閱後如果喜歡，不妨點贊、評論和關注一下。

2.如果喜歡玩軟件，請關注本頭條号閱讀相關文章。

3.在學習中有什麼問題，歡迎與我溝通交流，今日頭條号搜索：微課傳媒，我在這裡等你喲！

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!