9个CSS文字排版相关CSS属性应用介绍

2024-07-11 08:24:05

字体：大中小

来源：转载

供稿：网友

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

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

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

示例代码 [www.Mb5u.com]

上一篇：CSS中import与link的区别

下一篇：在DW中进行CSS编码的技巧