中文Web設(shè)計HTML的em標(biāo)記使用發(fā)布者：本站 時間：2020-05-16 08:05:49
標(biāo)記em用來表示強調(diào)，其默認(rèn)樣式為斜體。
由于一些原因，中文斜體顯示效果并不理想，因此對中文直接應(yīng)用em標(biāo)記存在不妥之處。
一些設(shè)計師使用加粗表示強調(diào)，中英文顯示效果都不錯。
不妨插一句，小字號（如12px）的加粗文本在使用點陣字體的情況下與普通文本差異明顯，在使用矢量字體時則可能與普通文本差異不明顯。
這些設(shè)計師甚至使用strong代替em。
配合標(biāo)記默認(rèn)樣式?jīng)Q定標(biāo)記之選擇的做法必不可取。
我們有理由為標(biāo)記定制樣式，替換其默認(rèn)樣式。
正式的中文排版中，強調(diào)往往是通過在文字下文打上實心圓點實現(xiàn)的，這樣的圓點被稱作著重號。
在中文Web設(shè)計中，我推薦對em標(biāo)記使用著重號的效果，strong標(biāo)記仍保留對文本加粗的效果。
由于漢字的寬度一定，這種效果不難實現(xiàn)。
這里打算為12px大小的文章正文設(shè)置em標(biāo)記樣式。
首先，制作一張12px寬的圖片，下圖是放大至16倍的效果。
對12px大小的文字來說，將圓點直徑設(shè)為3px看起來最為合適，雖然這樣圓點的中心不可能處于絕對居中的位置（本圖中圓點偏右）。
此外，將圓點以外的部分設(shè)為透明將更具適應(yīng)性。
接著制定樣式。
.post p em{
padding-bottom:4px;
font-style:normal;
background:transparent url(images/dot-accent.gif)repeat-x left bottom;
}
為了保證效果，段落文本應(yīng)具有1.5em以上的行距，否則著重號可能距離下面一行文字太近。
下面是一段HTML代碼及其對應(yīng)的樣式效果。
<p>事業(yè)是<em>干</em>出來的，不是<em>吹</em>出來的。
</p>
事業(yè)是干出來的，不是吹出來的。
選擇我們，優(yōu)質(zhì)服務(wù)，不容錯過
1. 優(yōu)秀的網(wǎng)絡(luò)資源，強大的網(wǎng)站優(yōu)化技術(shù)，穩(wěn)定的網(wǎng)站和速度保證
2. 15年上海網(wǎng)站建設(shè)經(jīng)驗，優(yōu)秀的技術(shù)和設(shè)計水平，更放心
3. 全程省心服務(wù)，不必?fù)?dān)心自己不懂網(wǎng)絡(luò)，更省心。
------------------------------------------------------------
24小時聯(lián)系電話：021-58370032