学习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。比如:
Example Source Code
[www.52css.com]
上一篇:
克服CSS学习障碍 CSS中英文对照字典
下一篇:
小议使用“完整”的CSS的缺点