您当前的位置: 首页 > 前端教程 > HTML教程 > 中文Web设计HTML的em标记使用

中文Web设计HTML的em标记使用

作者:不详 来源:网络 发布时间: 2011-03-05 11:23 点击:
标记em用来表示强调,其默认样式为斜体。 由于一些原因,中文斜体显示效果并不理想,因此对中文直接应用em标记存在不妥之处。 一些设计师使用加粗表示强调,中英文显示效果都不错。 不妨插一句,小字号(如12px)的加粗文本在使用点阵字体的情况下与普通文本差异明显,

中文Web设计HTML的em标记使用

  标记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>
  
  事业是干出来的,不是吹出来的。

分享到:
本文"中文Web设计HTML的em标记使用"由远航站长收集整理而来,仅供大家学习与参考使用。更多网站制作教程尽在远航站长站。
顶一下
(0)
0%
踩一下
(0)
0%
[点击 次] [返回上一页] [打印]
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 密码: 验证码:
关于本站 - 联系我们 - 网站声明 - 友情连接- 网站地图 - 站点地图 - 返回顶部
Copyright © 2007-2013 www.yhzhan.com(远航站长). All Rights Reserved .
远航站长:为中小站长提供最佳的学习与交流平台,提供网页制作与网站编程等各类网站制作教程.
官方QQ:445490277 网站群:26680406 网站备案号:豫ICP备07500620号-4