網站排版的基本概念：
1.清晰度
清晰度受字體設計、屏幕優化和微觀版式影響。大寫字母會比小寫字母更難以掃讀，正體字比斜體字更容易識別。正文文本和背景合適的對比會提高清晰度，適宜的行寬和行高也能提高清晰度。
2.可讀性
可讀性受布局、內容塊的擺放和獨立欄目的展現影響。
1.行寬（每行文本的長度）：西文45-75個字符為最值得推薦的閱讀長度。一般66個字符為最佳。
hhsdfasdfg,jdskdfgasf,doeksjdjfk,sjahsjfkdl,sjahshdjfk,sjdhfkajsh,zmsndx(這一行為66個字母，一個字母占一個字符，漢字占兩個字符)
2.行高（一行文本的垂直高度）：行高是兩個連續文本之間的距離，或兩行文字基線間的距離。
- 一般，行高會設置成字體的1.5倍。
- 行寬越大，行高也應該越高。
- 無襯線字體比襯線字體需要更大的行高。
- 頁眉比正文需要更少的行寬。
- 粗字體比細字體需要更大的行高。
3.字間距，即字母或漢字之間的距離，也是文本塊的額密度。
letter-spacing
- 可以根據行寬進行調整。
- 字符間距經常用來突出副標題。
- 行寬越長，字間距也需要相應增加。
- 一些襯線字體的字符有時可能會重疊，即所謂的連字，如：AV,ft,co,并檢查是否能分辨出vv和w的區別，即使是最小程度的不清晰，也會使文字完全不可讀。
4.單詞間距：單詞之間的間距，可以根據行寬和行高進行調整。
word-spacing
- 行越短，單詞間距越小。
3.空白是最好的間隙
空白使正文的連續文本能夠呼吸，并幫助讀者獲取網站傳遞的信息。
空白頁被稱作“負空隙”，是構圖中元素之間的空隙，或者設計中沒有被使用的部分，包括圖形、外邊距、頁面和分欄（宏觀空白）之間的空白，以及文本行之間、單詞之間和圖片標題之間（微觀空白）的空白。
空白并不一定是白色的（空白這個詞出自印刷領域，白紙即代表了空白。）
空白提供了線索和定位，有助于產生自然的、令人滿意的閱讀體驗。
1.活動空白：
把用戶注意力從一個元素引導到另一個元素，組織布局并幫助簡歷信息結構的空白。
2.非活動空白：
把文本規劃成塊的空白。
空白起了主導作用，突出了所展示產品的質量。
4.排版和網格
由一系列垂直和水平的軸線構成的二維結構，用來使內容結構化。
網格可以作為設計師以一種合理的、自覺的、自然的方式組織文本和圖片的支架。
會產生韻律、秩序和連貫，經常被設計師用來更好地預見信息將放置在哪里，以及使創意變得理性化。
網格可以使圖像元素排版快速而有序地結合。
能更容易地使用網格開發網站，與此類似的還有Blueprint、Typogridphy(基于960.gs)、YAML和Bootstrap
不是靠直覺來決定設計元素該放置在哪里，網格在一個固定的二維結構中，允許元素精確地定位。
基于網格進行設計時，通常從空白畫布或白紙開始，為尋找合適的網格，一般用布局規則和公式（黃金分割、三分法等）來把白紙分成適宜的部分，并且選擇內在的、令人滿意的頁面和分欄比例。
三分法：
- 在攝影三分法中，攝影師需要將場景用兩條豎線和兩條橫線分割，就如同是書寫中文的“井”字。這樣就可以得到4個交叉點，然后再將需要表現的重點放置在4個交叉點中的一個即可。
-
在網頁中，三分法構圖是指把畫面橫分三分，每一分中心都可放置主體形態，這種構圖適宜多形態平行焦點的主體。
黃金分割法：
1.618 : 1 = 1 : 0.618 = 黃金分割比例
黃金分割可能是最常用的網格布局方式，對固定布局（px）、流動布局(%)和彈性布局（em）同樣適用。
垂直節奏：
排版中的空隙，一些比例合適的間隔。增加了網頁的韻律、體現排版中的和諧。
維持垂直節奏的關鍵是行高，即兩條基線之間的距離。行高設定了整個文本流中的網格，合理的行高有利于順暢的閱讀。
垂直節奏和字體大小有關，使用相對單位em值作為行高，可以維持頁面布局中的平衡，而不用管字體的大小、樣式和種類。
（挖坑在這里！！！！有關文字排版一個很重要的知識點，可是怎么嘗試都跟書上描述的不對啊，得重新單獨閱讀。）
可以參考：怎樣讓你的網頁有垂直閱讀節奏
