HTML Web图形样式基础4

7.收藏图标

地址栏或网页标签上的小图标称为收藏图标，它通常是和网页关联的一张小方形图片，大小为16x16或者32x32像素。

配置方法：需要在网页head部分使用<link>标记将网页和外部样式关联。除此之外，还可以使用<link>标记将收藏图标和网页关联。为此要使用三个属性：rel，href和type。rel属性值是icon，href属性的值是图标文件名，type属性的值是文件的MIME 类型。对于.ico图标文件，MIME类型默认为image/x-icon。将收藏图标favicon.ico和网页关联的XHTML代码如下：

<link rel="icon" href="favicon.ico" type="image/x-icon">

注意，为了保持与Internet Explorer的兼容，并遵循Microsoft特有的语法，还需编码第二个link标记：

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">

8.用CSS配置列表符号

list-style-type:配置列表符号的样式 

none（不显示列表符号）；disc（圆点）；circle（圆环）；square（方块）；decimal（阿拉伯数字）；upper-alpha（大写字母）；lower-alpha（小写字母）；lower-roman（小写罗马数字）

list-style-image:指定用于替代列表符号的图片

url关键字，并在一对圆括号中指定图片的文件名或路径（在每个列表项前显示指定的图片

list-style-position：配置列表符号的位置

inside（符号缩进，文本对齐符号）；outside（默认）（符号按默认方式定位，文本不对齐符号）

以下CSS将无序列表配置成使用方块符号：

ul { list-style-type:square; }

以下CSS将有序列表配置成使用大写字母：

ol {list-style-type:upper-alpha; }

用图片代替列表符号：

ul {list-style-image:ul（like.gif);}