html em用法,中文Web设计HTML的em标记使用
標記em用來表示強調(diào),其默認樣式為斜體。由于一些原因,中文斜體顯示效果并不理想,因此對中文直接應(yīng)用em標記存在不妥之處。一些設(shè)計師使用加粗表示強調(diào),中英文顯示效果都不錯。不妨插一句,小字號(如12px)的加粗文本在使用點陣字體的情況下與普通文本差異明顯,在使用矢量字體時則可能與普通文本差異不明顯。這些設(shè)計師甚至使用strong代替em。配合標記默認樣式?jīng)Q定標記之選擇的做法必不可取。我們有理由為標記定制樣式,替換其默認樣式。
正式的中文排版中,強調(diào)往往是通過在文字下文打上實心圓點實現(xiàn)的,這樣的圓點被稱作著重號。在中文Web設(shè)計中,我推薦對em標記使用著重號的效果,strong標記仍保留對文本加粗的效果。
由于漢字的寬度一定,這種效果不難實現(xiàn)。這里打算為12px大小的文章正文設(shè)置em標記樣式。首先,制作一張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)的樣式效果。
事業(yè)是干出來的,不是吹出來的。
事業(yè)是干出來的,不是吹出來的。
總結(jié)
以上是生活随笔為你收集整理的html em用法,中文Web设计HTML的em标记使用的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 代码规范 任重而道远
- 下一篇: 【单片机开发】智能小车工程(寻迹)