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);}