6月7号笔记
Css的列表属性：
1.标记的类型：list-style-type；
（1）none无标记；（2）disc（默认）实心圆；（3）circle（空心圆）（4）square实心方块
（5）decimal数字标记（6）decimal-leading-zero（格式为：01,02,03…）
（6）lower-roman小写罗马（8）upper-roman（9）lower-alpha小写英文
（10）upper-alpha大写英文（11）lower-greek小写希腊（12）lower-latin小写拉丁文
（13）hebrew传说的希伯来编号方式（14）armenian传说亚美尼亚编号方式
（15）georgian传说的乔治亚编号方式（an,ban等）（16）cjk-ideographic简单的表息数字
（17）hiragana（a,i,u,e,o,ka,ki…）日文片假名（18）katakana（A,I,U,E,O,KA,KI…）日文片假名
（18）hiragana-iroha（i，ro,ha,ni,ho,to等）（19）katakana-iroha（I,RO,HA,NI,HO,TO…）
2. 标记的位置：list-style-position
（1）inside：列表项目标记放在文本以内，且环绕文本根据对齐
（2）outside默认值，保持标记位于文本左侧，列表项目标记放在文本以外，且环绕文本不能根据对齐
（3）inherit规定应该从父元素继承list-style-position的值
3.设置图像列表标记：
（1）URL 图像的路径
（2）none（默认，无图形显示）
（3）inherit 规定应该从父元素继承list-style-image属性的值；
4.简写方式：list-style：square inside url(images/gif) 。。。。
<!doctype html>
<html>
<head>
<title>Css常见属性（列表属性）</title>
<meta charset="uft-8">
<style type="text/css">
ul{
list-style-type:upper-alpha;
list-style-position:inside;
}
ol{
list-style-position:outsize;
}
ul.gif{
list-style-image:url(images/arr.gif);
}
ul.png{
list-style-image:url(images/arr.png);
}
</style>
</head>
<body>
<ul class="inside"><!--无序列表-->
<li>天天向上</li>
<li>天天向上</li>
</ul>
<ol class="outside "> <!--有序列表-->
<li>好好学习</li>
<li>好好学习</li>
</ol>
<ul class="gif">
<li>好好学习</li>
<li>好好学习</li>
</ul>
<ul class="png">
<li>好好学习</li>
<li>好好学习</li>
</ul>
</body>
</html>
41万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
