0731-84469346 / 152-7483-9229
更新时间:2015年10月21日

CSS网页布局中文字排版9个相关CSS属性应用小结

  学习web标准,遵循Web标准进行开发和制作。一直以来52CSS.com与大家讨论的很多是关于布局方面的问题,而页面中主要的内容呈现,是图片和文字,今天和大家讨论关于CSS网页布局中文字排版的相关问题。
  如何设定字体、颜色、大小、段落空白,首字下沉、首行缩进。较后讲一些常用的web页面中文排版,比如中文字的截断、固定宽度词内折行(word-wrap和word-break)等等。因为只是写一些应用方面的心得,如果需要完整的CSS属性介绍,更深入的进行学习,欢迎您参考52CSS.com中更多的教程。

一、设定文字字体、颜色、大小等使用font等。

  font-style设定斜体,比如font-style: italic;
  font-weight设定文字粗细,比如font-weight: bold;
  font-size设定文字大小,比如font-size: 12px;(或者9pt,不同单位显示问题参考CSS手册)
  line-height设定行距,比如line-height: 150%;
  color设定文字颜色(注意不是font-color),比如color: red;
  font-family设定字体,比如font-family : "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋体,sans-serif;(这是通用的写法)
  更多关于font属性的知识欢迎参考
  CSS字体font属性的应用
  http://52css.com/article.asp?id=46
  font属性的缩写有何技巧?
  http://52css.com/article.asp?id=160

二、段落排版:使用margin、padding和text-align。

  中文段落使用<p>标签(也可以是其他容器),左右(相当于缩进)、段前段后的空白,都可以用margin或padding。比如:

CSS网页布局中文字排版9个相关CSS属性应用小结 Example Source Code [www.52css.com]

上一篇: 克服CSS学习障碍 CSS中英文对照字典
下一篇:小议使用“完整”的CSS的缺点