排版在網(wǎng)頁設(shè)計(jì)中經(jīng)常被忽略，但如果你注重網(wǎng)頁排版就可以提高你的網(wǎng)頁設(shè)計(jì)水平和可讀性，今天小編主要給大家分享如何提升網(wǎng)頁設(shè)計(jì)的可讀性，希望對(duì)你們有幫助! ?

1.糾正標(biāo)題margin值 ?

另一個(gè)常見的錯(cuò)誤是標(biāo)題周圍margin值不正確。標(biāo)題實(shí)際與它下面的段落相關(guān)聯(lián)，而不僅僅是兩個(gè)段落的分隔符。這就是為什么標(biāo)題的margin-top比margin-bottom要寬。 ?

2.字體多 ?

為了確?？勺x性和專業(yè)性，不應(yīng)該在web頁面上使用超過三種字體。使用過多會(huì)干擾到用戶，讓網(wǎng)站看起來很凌亂。相反，更少的字體使你的網(wǎng)站更干凈，更容易閱讀。 ?

可以標(biāo)題使用一種字體，正文使用一種字體，為LOGO或副標(biāo)題使用另一種字體。 ?

3. 代碼用寬字體 ?

如果你是一名開發(fā)者，你可能希望在博客中發(fā)布一些代碼。如果是，請(qǐng)使用寬字體。那么，什么是寬字體呢?它是一種具有相同水平寬度的字母和字符的字體。 ?

那么在代碼段中應(yīng)該使用哪種字體呢?Courier是目前*的字體?？纯?Consolas或 Monaco，一定會(huì)有意想不到是的效果。 ?

4.關(guān)注對(duì)比 ?

即使你的網(wǎng)站排版得很好，另一件要注意的事情是對(duì)比。如果你的頁面背景為中灰色(#999999)，請(qǐng)不要使用深灰色(#333333)的文本。否則，你的內(nèi)容將很難閱讀，特別是對(duì)老年人或視力受損的人。 ?

簡(jiǎn)而言之，除非你的網(wǎng)站是關(guān)于黑客，黑帽seo或哥特?fù)u滾，不然你應(yīng)該使用淺色背景和深色字體，以確保清晰的對(duì)比和增加可讀性。 ?

5.鏈接下劃線 ?

在我上網(wǎng)的12年里，鏈接的默認(rèn)瀏覽器樣式一直是藍(lán)色下劃線文本。雖然這種藍(lán)色經(jīng)常被更改為另一種顏色，但下劃線一直被認(rèn)為是鏈接的正常樣式。這就是為什么除了鏈接你不要給其他的東西加上下劃線的原因。否則，你的用戶可能會(huì)非常困惑。 ?

6.創(chuàng)建樣式庫 ?

讓你的網(wǎng)站產(chǎn)生視覺震撼的一個(gè)簡(jiǎn)單高效的方法是給特殊的頁面創(chuàng)建特殊的樣式。例如，創(chuàng)建一個(gè).warning的CSS類來向 你的用戶顯示“警告”。 ?