入门级别CSS列表的问题

html-css012

入门级别CSS列表的问题,第1张

在css中

将Li{font-weight:boldfont-style:italiccolor:navy}

加一个类别

Li.temp

{font-weight:boldfont-style:italiccolor:navy}

然后在html中引使用时 加入 class

<LI type="square" class="temp">

这样,你在css中修改list.temp定义,在html中只修改 含class=“temp”的Li标签了

用的是无序列表<ul><li>做的。

他用这个css属性list-style-image:url(图片)来做出你所说的效果。

当然这样做的话FF和IE的显示效果是不一样的。

你可以这样写

ul{list-style-type:none}

li{background:url(图片) no-repeatpadding-left:25px}

这样写的话FF和IE的效果就一样了。

具体的效果还得看他的css代码。

1〉 type 类型 选择项目符号用的不同样式

list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian | cjk-ideographic | georgian | lower-greek | hebrew | hiragana | hiragana-iroha | katakana | katakana-iroha | lower-latin | upper-latin

取值:

disc : CSS1 默认值。实心圆

circle : CSS1 空心圆

square : CSS1 实心方块

decimal : CSS1 阿拉伯数字

lower-roman : CSS1 小写罗马数字

upper-roman : CSS1 大写罗马数字

lower-alpha : CSS1 小写英文字母

upper-alpha : CSS1 大写英文字母

none : CSS1 不使用项目符号

armenianl : CSS2 未支持。传统的亚美尼亚数字

cjk-ideographic : CSS2 未支持。浅白的表意数字

georgian : CSS2 未支持。传统的乔治数字

lower-greek : CSS2 未支持。基本的希腊小写字母

hebrew : CSS2 未支持。传统的希伯莱数字

hiragana : CSS2 未支持。日文平假名字符

hiragana-iroha : CSS2 未支持。日文平假名序号

katakana : CSS2 未支持。日文片假名字符

katakana-iroha : CSS2 未支持。日文片假名序号

lower-latin : CSS2 未支持。小写拉丁字母

upper-latin : CSS2 未支持。大写拉丁字母

说明:

设置或检索对象的列表项所使用的预设标记。

若 list-style-image 属性值为 none 或指定 url 地址的图片不能被显示时,此属性将发生作用。

假如一个列表项目的左外补丁( margin-left )被设置为 0 ,则列表项目标记不会被显示。左外补丁( margin-left )最小可以被设置为 30 。

仅作用于具有 display 属性值等于 list-item 的对象。如 li 对象。

注意: ol 对象和 ul 对象的 type 属性为其后的所有列表项目(如 li 对象)指明列表属性。

此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。

对应的脚本特性为 listStyleType 。

2〉 bullet image 是用相应图片代替项目符号

list-style-image : none | url ( url )

取值:

none : 默认值。不指定图像

url ( url ) : 使用绝对或相对 url 地址指定图像

说明:

设置或检索作为对象的列表项标记的图像。

若此属性值为 none 或指定 url 地址的图片不能被显示时, list-style-type 属性将发生作用。

此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。

对应的脚本特性为 listStyleImage 。

3〉 语法:list-style-position : outside | inside

取值:

outside : 默认值。列表项目标记放置在文本以外,且环绕文本不根据标记对齐

inside : 列表项目标记放置在文本以内,且环绕文本根据标记对齐

说明:

设置或检索作为对象的列表项标记如何根据文本排列。

假如一个列表项目的左外补丁( margin-left )被设置为 0 ,则列表项目标记不会被显示。左外补丁( margin-left )最小可以被设置为 30 。

仅作用于具有 display 属性值等于 list-item 的对象。如 li 对象。

注意: ol 对象和 ul 对象的 type 属性为其后的所有列表项目(如 li 对象)指明列表属性。

此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。

对应的脚本特性为 listStylePosition 。