信息动态

网站设计是技术与创意的融合!

技术资讯

中文Web设计中的着重号

2009-04-07 08:31:00

标记em用来表示强调，其默认样式为斜体。由于一些原因，中文斜体显示效果并不理想，因此对中文直接应用em标记存在不妥之处。一些设计师使用加粗表示强调，中英文显示效果都不错。不妨插一句，小字号（如12px）的加粗文本在使用点阵字体的情况下与普通文本差异明显，在使用矢量字体时则可能与普通文本差异不明显。这些设计师甚至使用strong代替em。配合标记默认样式决定标记之选择的做法必不可取。我们有理由为标记定制样式，替换其默认样式。

正式的中文排版中，强调往往是通过在文字下文打上实心圆点实现的，这样的圆点被称作着重号。在中文Web设计中，我推荐对em标记使用着重号的效果，strong标记仍保留对文本加粗的效果。

由于汉字的宽度一定，这种效果不难实现。这里打算为12px大小的文章正文设置em标记样式。首先，制作一张12px宽的图片，下图是放大至16倍的效果。

对12px大小的文字来说，将圆点直径设为3px看起来最为合适，虽然这样圆点的中心不可能处于绝对居中的位置（本图中圆点偏右）。此外，将圆点以外的部分设为透明将更具适应性。原图：。

接着制定样式。

.post p em {
  padding-bottom:4px;
  font-style:normal;
  background:transparent url(images/dot-accent.gif) repeat-x left bottom;
}
为了保证效果，段落文本应具有1.5em以上的行距，否则着重号可能距离下面一行文字太近。

下面是一段HTML代码及其对应的样式效果。

<p>事业是<em>干</em>出来的，不是<em>吹</em>出来的。</p>

事业是干出来的，不是吹出来的。

原文：http://weakow.com/articles/dot-accent-in-web-design-in-chinese/

上一篇：使用Alt提升可访问性
下一篇：如何处理海量tab？

近期更新

延伸阅读

解决方案

轮胎行业网站设计解决方案 机械行业网站设计解决方案 房地产行业网站设计解决方案 科技企业网站设计解决方案 电子家电网站设计解决方案 食品行业网站设计解决方案 集团公司网站设计解决方案 企事业单位网站设计解决方案 外贸行业网站设计解决方案 健身运动网站设计解决方案 美容与化妆品网站设计解决方案 建筑设计行业网站设计解决方案 物流行业网站设计解决方案

TAGS关键字

品牌网站设计 如何做网站优化 青岛网站制作 网站策划 网站视觉 青岛SEO 程序开发 插画 网站建设，手机网站 集团官网 营销策略 青岛不错的英文网站建设公司 网站品牌 网站建设的步骤有哪些 微官网带来的好处 英文网站建设 营销型网站 网站设计资讯 HTML5 网站优化 审美 营销型网站建设 网站规划 外贸网站设计 青岛做网站多少钱 力图数字科技 青岛品牌网站建设公司哪家好 青岛网站优化 网站动画 互联网

青岛力图数字科技有限公司 2008- 版权所有 鲁ICP备09005893号-6 | 网站地图

青岛网站建设 青岛网站设计 青岛网站制作


0532-85810878 473587358 扫码添加微信

扫码添加微信

 扫码关注公众号

官方公众号