第19章CSS控制其他元素的

1、 精确控制表格与单元格的大小。
,15.1 控制表格元素的显示,在CSS中，表格元素的控制，包括控制表格边框是否合并、控制表格边框间距、表格标题位置等几个方面的内容。
由于浏览器对CSS属性的支持情况不同，部分属性只有在特定的浏览器中才能够显示相应的效果。
下面进行详细讲解。
,15.1.1 边框合并属性boder-collapse,边框合并属性（boder-collapse），用来定义表格中边框是独立显示还是合并显示。
在边框合并属性中，使用的属性值有两个，separate、collapse。
,15.1.2 表格边框间距属性border-spacing,表格边框间距属性（border-spacing），用来定义表格中独立边框之间的距离。
在表格边框间距属性中，使用的属性值是长度值。
,15.1.2 表格边框间距属性border-spacing,15.1.3 表格标题位置属性caption-side,表格标题位置属性（caption-side），用来定义表格中标题元素显示的位置。
在表格标题位置属性中，可以使用4个属性值：top、right、bottom、left。
,15.1.4 表格布局属。

2、主体部分是元素的内容部分，用来显示元素中的主要信息，这个部分由width（宽度）属性和height（高度）属性来控制。
在内容部分之外是补白部分，由padding（补白）属性控制。
在补白部分之外是元素的边框，由border（补白）属性控制。
在盒模型的最外面是边界部分，由margin（补白）属性控制。
盒模型的具体显示效果，如图17-1所示。
,16.1.1 元素宽度的计算,通过上一节对盒模型的学习，可以发现，一个元素所占有的空间，与盒模型中4个部分各自占有空间有关。
由于在CSS中，可以分别定义每个方向上的盒模型属性（内容部分除外）。
所以整个元素占有空间的宽度，使用下面的公式计算。
左边界+左边框+左补白+宽度+右补白+右边框+右边界 整个元素占有空间的高度，使用下面的公式计算。
上边界+上边框+上补白+高度+下补白+下边框+下边界,16.2 元素内容的大小,元素内容的大小，用来控制元素内容的显示效果。
通常使用宽度属性（width）和高度属性（height）来定义。
有时候（例如，对元素的适应性有特殊要求的时候）还要使用其他的几个尺寸属性，包括max-width、min-width、max-h。

3、定位和布局属性，元素会按照各自默认的方式排列。
块元素会按照换行的方式显示，内联元素会按照同行的方式显示。
通过使用定义属性，可以将元素定义到任何需要显示的位置。
,17.1.1 元素的定位属性position,元素的定位属性（position），用来定义元素的定位方式。
在定位属性中，可以使用4种属性值，分别为static、absolute、fixed、relative。
,17.1.2 上边偏移属性top,元素的上边偏移属性（top），用来定义元素顶部偏移位置的大小。
在上边偏移属性中，可以使用的属性值为默认、长度值、百分比，其语法结构如下所示。
,17.1.3 右边偏移属性right,元素的右边偏移属性（right），用来定义元素右侧偏移位置的大小。
在右边偏移属性中，可以使用的也是为默认、长度值、百分比，其语法结构如下所示。
,17.1.4 下边偏移属性bottom,元素的下边偏移属性（bottom），用来定义元素底部偏移位置的大小。
在下边偏移属性中，可以使用的属性值也有默认、长度值、百分比，其语法结构如下所示。
,17.1.5 左边偏移属性left,元素的左边偏移属性（left），用来。

4、浮动,在网页中，使用浮动属性，可以更改块元素的默认显示方式，将原本换行显示的块元素同行显示。
通过使用浮动元素和盒模型中的各种属性，可以对各种页面元素进行布局，下面进行详细讲解。
,18.1.1 元素的浮动属性float,元素的浮动属性（float），用来定义块元素的浮动方式。
在浮动属性中，可以使用4种属性值，分别为static、absolute、fixed、relative。
,18.1.2 浮动元素和固定元素,在制作页面的时候，如果相邻的两个元素中一个为浮动元素，另一个为固定元素。
则最终的显示效果，和元素之间的位置有关。
如果浮动元素处于固定元素之前，则固定元素和浮动元素同行显示（是否同行显示还和父元素的宽度有关，这里假定父元素足够宽）。
如果浮动元素处于固定元素之后，则浮动元素换行显示。
,18.1.3 两个浮动元素的显示效果,在制作页面的时候，相邻的两个浮动元素，子父元素足够大的情况下，会同行显示。
如果两个元素中定义的浮动属性值不同，则两个元素分别显示在父元素的两侧，中间空白区域显示父元素的背景颜色或图像。
,18.1.4 多个浮动元素的显示顺序,在制作页面的时候，如果同时使用多个浮动。

5、套的列表。
,14.1 控制列表元素的显示,在CSS中，列表元素的控制，包括控制控制列表符号、列表图片、控制列表的位置、等几个方面的内容。
通过定义各种属性可以更改列表的默认显示方式，但是想要完全控制列表元素的显示，还需要依赖其他的CSS属性。
下面将一一进行详细讲解。
,14.1.1 列表符号属性list-style-type,列表符号属性（list-style-type），用来定义列表中使用的预设符号。
其中使用的属性值有很多，部分属性值还不被浏览器所支持。
,14.1.2 列表符号的混用,在定义列表元素的时候，有时候会混用各种列表符号。
当混用的列表符号中，包含顺序问题的时候，同一列表中将会计算所有列表项目的数目，确定当前列表项目的显示方式。
,14.1.3 列表图像属性list-style-image,列表图像属性（list-style-image），用来定义列表元素中，替换列表符号的图像。
在列表图像属性中，可以使用两个属性值：none和URL，其语法结构如下所示。
,14.1.4 列表图像的显示位置,在列表图像属性中，使用的列表图像的显示位置将与文本的底部基线对齐。
所以在使用列表图像的时。

6、 精通控制超链接的显示效果。
,19.1 控制滚条的显示,在各种浏览器中都存在滚条，目的是在浏览器所在的空间中能够包含更多的内容。
可以通过定义CSS样式，显示元素的滚条。
通过使用滚条的相关属性，可以修饰和美化页面中各个位置的滚条。
具体内容如下所示。
注意：滚条的相关属性是IE浏览器的特有属性，在其他浏览器中无法显示滚条属性中定义的显示效果。
,19.1.1 滚条3d亮边框颜色属性scrollbar-3dlight-color,一般页面中滚条都显示在浏览器的右侧。
滚条3d亮边框，是指右侧滚条中，显示在滑块和箭头区域最外层左侧和顶部的区域。
,19.1.2 滚条亮边框颜色属性scrollbar-highlight-color,滚条亮边框，是指右侧显示的滚条中，与滚条3d亮边框相邻的区域。
,19.1.3 滚条滑块颜色属性scrollbar-face-color,滚条滑块，是指右侧显示的滚条中，可以使用鼠标上下拖动的区域，以及箭头区域部分。
滚条滑块颜色属性的语法结构如下所示。
scrollbar-face-color : color;,19.1.4 滚条箭头颜色属性scrollbar-arrow。