有序列表和无序列表<ul></ul> <ol><ol>之间的介绍
有序列表和无序列表<ul></ul> <ol><ol>之间的介绍1.什么是有序列表和无序列表
2.那么在显示中，就应该这样写，她们都包裹了<li></li>
3.我们在控制有序列表和无序列表的时候，要记得可以用派生选择器，.....下的什么标签来控制，这样很方便
如图
代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<title>有序和无序列表的学习</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="道勤教育 http://www.daoqin.net" />
<style>
ul li{
list-style-type:square;
}
</style>
</head>
<body>
<ul>
<li>春</li>
<li>夏</li>
<li>秋</li>
<li>冬</li>
</ul>
<ol>
<li>村</li>
<li>夏</li>
<li>秋</li>
<li>冬</li>
</ol>
</body>
</html>
对于有序和无序列表的，设置，在实际中，一般都是为none的，既为css初始化。我们一般会背景图片来进行替换，这样美观。我写这些，就是为了方便大家学习，知道有这么个概念。 list-style-type
基本特性
初始值： disc适用于： elements with 'display: list-item'
继承性： 有百分比： N/A
媒体： visual版本： CSS1/CSS2
兼容性： IE4+ NS6+
基本语法
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 。
页:
[1]