標(biāo)記em用來表示強(qiáng)調(diào),其默認(rèn)樣式為斜體。
由于一些原因,中文斜體顯示效果并不理想,因此對(duì)中文直接應(yīng)用em標(biāo)記存在不妥之處。
一些設(shè)計(jì)師使用加粗表示強(qiáng)調(diào),中英文顯示效果都不錯(cuò)。
不妨插一句,小字號(hào)(如12px)的加粗文本在使用點(diǎn)陣字體的情況下與普通文本差異明顯,在使用矢量字體時(shí)則可能與普通文本差異不明顯。
這些設(shè)計(jì)師甚至使用strong代替em。
配合標(biāo)記默認(rèn)樣式?jīng)Q定標(biāo)記之選擇的做法必不可取。
我們有理由為標(biāo)記定制樣式,替換其默認(rèn)樣式。
正式的中文排版中,強(qiáng)調(diào)往往是通過在文字下文打上實(shí)心圓點(diǎn)實(shí)現(xiàn)的,這樣的圓點(diǎn)被稱作著重號(hào)。
在中文Web設(shè)計(jì)中,我推薦對(duì)em標(biāo)記使用著重號(hào)的效果,strong標(biāo)記仍保留對(duì)文本加粗的效果。
由于漢字的寬度一定,這種效果不難實(shí)現(xiàn)。
這里打算為12px大小的文章正文設(shè)置em標(biāo)記樣式。
首先,制作一張12px寬的圖片,下圖是放大至16倍的效果。
對(duì)12px大小的文字來說,將圓點(diǎn)直徑設(shè)為3px看起來最為合適,雖然這樣圓點(diǎn)的中心不可能處于絕對(duì)居中的位置(本圖中圓點(diǎn)偏右)。
此外,將圓點(diǎn)以外的部分設(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以上的行距,否則著重號(hào)可能距離下面一行文字太近。
下面是一段HTML代碼及其對(duì)應(yīng)的樣式效果。
事業(yè)是干出來的,不是吹出來的。
成都創(chuàng)新互聯(lián)公司,專注為中小企業(yè)提供官網(wǎng)建設(shè)、營銷型網(wǎng)站制作、成都響應(yīng)式網(wǎng)站建設(shè)、展示型成都網(wǎng)站制作、成都做網(wǎng)站等服務(wù),幫助中小企業(yè)通過網(wǎng)站體現(xiàn)價(jià)值、有效益。幫助企業(yè)快速建站、解決網(wǎng)站建設(shè)與網(wǎng)站營銷推廣問題。