1、段落的设置
一般，段落排版分为行高、水平对齐、垂直对齐、文本缩进、字母间距、单词间距等内容。
（1）行高属性：line-height
属性值：normal、单位数值(如xx像素)
（2）水平对齐属性：text-align
属性值：left、right、center、justify(段落两端对齐)
（3）垂直对齐属性：vertical-align
属性值：baseline(默认值)、
top(将支持valign特性的对象的内容对象顶端对齐)、
middle(将支持valign特性的对象的内容与对象中部对齐)、
bottom(将支持valign特性的对象的内容与对象底端对齐)、
text-top(将支持valign特性的对象的文本与对象顶端对齐)、
text-bottom(将支持valign特性的对象的文本与对象顶端对齐)、
length(单位数值)、
sub(垂直对齐文本的下标)、supper(垂直对齐文本的上标)
注：vertical-align属性只对table有用，在div中不起效果。现在这个属性很多时候是用来设置图片的位置
（4）文本缩进属性：text-indent
属性值：length(单位数值)
（5）单词间距属性：word-spacing
属性值：length(单位数值)
（6）字母间距属性：letter-spacing
属性值：length(单位数值)
注：一般来说，段落文本对齐样式是左对齐和顶对齐
在div中vertical-align属性不起作用，所以在div中定义文字居中一般采用padding-top填充的方法
2、图文混排
图文混排主要有两方面内容：
（1）设置图片和文字的环绕方式：采用float属性，可设置左环绕(float:left)和右环绕(float:right)
（2）设置图片和文字的间距：采用margin属性，通过margin的单位数值控制图文距离，也可设为负值，来制作特殊效果
注：float和margin属性都是在图片的样式中设置的
3、CSS文本属性
这里所说的css文本属性主要是指css的段落文本属性，主要有强制换行属性、横排/竖排属性、裁剪属性等。
目前这些属性主要用在IE浏览器中，在其他浏览器对这些属性的支持不太理想
（1）强制换行属性：word-break
属性值：normal( 依照亚洲语言和非亚洲语言的文本规则，允许在字内换行 )、break-all、keep-all
（2）词内换行属性：word-wrap
属性值：normal、break-word
（3）裁剪属性：text-overflow
属性值：clip ( 默认值，不显示省略标记...，而是简单的裁剪 )、
ellipsis ( 当对象内文本溢出时，显示省略标记... )
（4）文本排列属性：writing-mode
属性值：lr-tb ( 从左到右，从上到下，即横排 )
tb-rl ( 从上到下，从右到左，即竖排 )
4、CSS表格属性
表格元素主要由标签<table>、<tr>、<td>、<th>组成
<table>用来声明表格
<tr>表格的行
<td>实现分行，它是放在<tr>标签中的块，每个<td>标签中放置数据
<th>主要用于行或列的名称，默认字体为粗体
在<table>中表格的基本属性有3个：border、cellspacing、cellpadding
border：表格边框
cellspacing：单元格边距( 单元格之间的距离 )
cellpadding：单元格间距( 单元格内容与单元格边框之间的距离 )
注：cellspacing和cellpadding是废弃的属性，只能在行内用，在样式里用不管用
5、制作独立的文本段落
<p>分段标签，会多加一个空白行，使下面的内容隔一行显示
<br>分行显示，使接着的内容显示在下一行
6、段落的大小
段落的大小可通过宽度和高度来控制
段落的间距可通过margin和padding来控制
而对于<p>标签内部的文字内容，则可通过文字大小、文字的行间距、首行缩进来控制
7、定义段落的显示效果
在制作网页时，有时需要使一个标签显示其他标签的属性，
例如，使一个行级元素<span>拥有块级元素<div>的属性，
这就用到display属性
显示效果属性：display
属性值：none (此元素不被显示)、
block (块元素，元素前后会带有换行符)、
inline (行内元素，元素前后没有换行符)、
inline-block (行内块元素)
注：使用最广的是none和block，前者设置是否显示，常在Javascript中被用来动态地改变该块的显示与否，
后者主要用来强制转换为块级元素，这一点，对制作页面非常有用
<span>是行级元素，该标签周围的内容不会自动换行，
样式里设置首行缩进属性也不起作用，但是加上display：block就起作用了，
<b>也是，也就是说行级元素设置首行缩进样式不管用，只有加上display:block才管用
首字放大悬挂：先把这个字用<span>包住，然后设字体大小，行高（行高等于字体大小）
