<!--[endif]-->3．2 text属性
文本修饰、文本缩进、单词间距、字母间距、行间距、文本的水平对齐和垂直对齐以及空白大小的控制。常用属性有：
① text-transform：单词大小写，none、capitalize、uppercase、lowercase。
② text-decoration：特殊效果，none、line-through、overline、underline。
③ word-spacing：单词间距，normal、英寸（in）、厘米（cm）、point（pt）、pica（pc）、em（em）、像素（px）。
④ letter-spacing：字母间距。
⑤ vertical-align：文本或图像的垂直定位，baseline（默认）、sub、super、top、text-top、middle、bottom、text-bottom。
⑥ text-align：文本水平对齐方式，left、right、center、justify。
⑦ text-indent：为段落元素第一行产生缩进。
⑧ line-height：当前行的高度，这样设置的行上下会空出相同的距离。
⑨ white-space：控制元素内空格的处理方式，normal（默认）、pre（不压缩空格）、nowrap（即使文本行超出了元素内容的宽度也不会换行）
<!--[if !supportEmptyParas]--> <!--[endif]-->
3．3 color属性和background属性
① color：文字颜色
② background-color：背景色
③ background-image：背景图像，背景色显示在背景图像的下面，以提供不透明的背景，比④ background-repeat：决定当背景图像比元素的画布空间小时该如何排列。
repeat：默认，在水平和垂直两个方向上平铺；
repeat-x：仅在水平方向平铺；
repeat-y：仅在垂直方向平铺；
no-repeat：不平铺。
⑤ background-attachment：
scroll：默认，图像和文本一起滚动；
fixed：图像不动，水印效果。
⑥ background-position：背景图像在元素画布空间中的定位方式，指定了图像左上角相对于画布的水平间距和垂直间距。可以用绝对距离（像素）、百分比或特殊关键字。
水平方向关键字：left、center、right
垂直方向关键字：top、center、bottom
<!--[if !supportEmptyParas]--> <!--[endif]-->
举例：background-image属性使用。
b{background-image：url(donut-tile.gif);background-color：white;}
p{background-image：url(picture.gif);background-position：20% 40%;}
body{background-image：url(picture.gif);background-position：center center;}
<!--[if !supportEmptyParas]--> <!--[endif]-->
3．4 box属性
像<p>元素这样的块级元素可以作为屏幕上的一个矩形容器来考虑。可以通过样式属性来控制这些容器的三个方面。可以控制的box属性如下：
① margin属性：决定元素的box的边和相邻元素的边的距离。
② border属性：决定包围元素的边的边框的视觉特性。
③ padding属性：决定元素内它的边和它的实际内容间的距离。
④ height，width和positioning属性：决定由元素产生的box的大小和位置。
<!--[if !supportEmptyParas]--> <!--[endif]-->
3．4．1 margin属性
单边距的设置规则：
① margin-top：上边距
② margin-right：右边距
③ margin-bottom：下边距
④ margin-left：左边距
<!--[if !supportEmptyParas]--> <!--[endif]-->
举例：单边距的设置。
body {margin-top:20px; margin-bottom:20px; margin-left:30px; margin-right:50px;}
p {margin-bottom:20mm;}
div.fun {margin-left:1.5cm; margin-right: 1.5cm;}
<!--[if !supportEmptyParas]--> <!--[endif]-->
也可以用margin属性来一次性为四条边设置边距。
<!--[if !supportEmptyParas]--> <!--[endif]-->
举例：通过margin属性设置边距的规则。
① 如果仅指定了单个值，则该值被应用到4个“空白”。
如：p{margin:1.5cm;}
② 如果四个值都指定了，则它们按照顺时针方向应用到各个空白（上、右、下、左的顺序），
最后一个距离后加分号，之间用空格相隔。
如：p{margin:10px 5px 15px 5px;}
③ 如果在规则中仅指定了两个或三个值，缺少一边的取值将由它的对边决定。
如：p{margin:10px 5px ;}
将设置上边、下边的空白为10像素，右边、左边的空白为5像素。
<!--[if !supportEmptyParas]--> <!--[endif]-->
3．4．2 border属性
border位于空白（margin）和间隙（padding）之间。
（一）border-style属性
① none：无边框
② dotted：点边框
③ dashed：虚线边框
④ solid：实线边框
⑤ double：双边框
⑥ groove：蚀刻边框
⑦ ridge：突出边框
⑧ inset：凹进边框
⑨ outset：凸起边框