0049.htm
来自「新时代软件教程:操作系统 主页制作 服务器 设计软件 网络技术 编程语言 文字编」· HTM 代码 · 共 126 行
HTM
126 行
<html>
<head>
<title>新时代软件教程:操作系统 主页制作 服务器 设计软件 网络技术 编程语言 文字编辑</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style>
<!--
body, table {font-size: 9pt; font-family: 宋体}
a {text-decoration:none}
a:hover {color: red;text-decoration:underline}
.1 {background-color: rgb(245,245,245)}
-->
</style>
</head>
<p align="center"><script src="../../1.js"></script></a>
<p align="center"><big><strong>CSS2快速参考之五</strong></big></p>
<div align="right">---(编译/周晓阳)</div>
<span class="text">7、列表属性：<br>
这里的属性用来描述列表（list）的一系列属性。<br>
<br>
list-style-type属性描述用于列表每一项前使用的符号：<br>
属性名称: 'list-style-type' <br>
属性值: disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha |
upper-alpha | none <br>
初始值: disc <br>
适合对象: 列表元素<br>
是否继承: yes <br>
百分比备注: 被禁止 <br>
属性值含义为：<br>
disc：圆饼形。<br>
circle：空心圆形。<br>
square：方形。<br>
decimal：十进制数值。<br>
lower-roman：小写罗马数字。<br>
upper-roman：大写罗马数字。<br>
lower-alpha：小写希腊字母。<br>
upper-alpha：大写希腊字母。<br>
例如：<br>
<STYLE><br>
OL { list-style-type: lower-roman } <br>
</STYLE><br>
<BODY><br>
<OL><br>
<LI> This is the first item.<br>
<LI> This is the second item.<br>
<LI> This is the third item.<br>
</OL><br>
</BODY><br>
<br>
还可以利用list-style-image把列表前面的符号换为图形：<br>
属性名称: 'list-style-image' <br>
属性值: <url> | none <br>
初始值: none <br>
适合对象: 列表元素<br>
是否继承: yes <br>
百分比备注: 被禁止 <br>
<url>可以是绝对地址，也可以是相对地址。<br>
<br>
list-style-position属性用于描述列表的位置显示：<br>
属性名称: 'list-style-position' <br>
属性值: inside | outside <br>
初始值: outside <br>
适合对象: 列表元素 <br>
是否继承: yes <br>
百分比备注: 被禁止 <br>
属性值outside和inside分别表示在BOX外部显示或内部显示，例如：<br>
<STYLE type="text/css"><br>
UL { list-style: outside }<br>
UL.compact { list-style: inside } </STYLE> <UL><br>
<LI>first list item comes first<br>
<LI>second list item comes second<br>
</UL><br>
<UL class=compact> <br>
<LI>first list item comes first<br>
<LI>second list item comes second <br>
</UL><br>
<br>
list-style属性为以上属性的快捷方式：<br>
属性名称: 'list-style' <br>
属性值: <'list-style-type'> || <'list-style-position'> ||
<'list-style-image'> <br>
初始值: no <br>
适合对象: 列表元素<br>
是否继承: yes <br>
百分比备注: 被禁止 <br>
例如：<br>
UL { list-style: upper-roman inside } /* 对任何UL有效*/<br>
UL ~ UL { list-style: circle outside } /* 对任何UL内部的UL标记有效*/<br>
<br>
8、表格属性：<br>
由于表格中的大部分属性已经在以上的各类属性中探讨过了，所以这里只有两个属性介绍：<br>
row-span属性描述表格跨越的行的数目：<br>
属性名称: 'row-span' <br>
属性值: <integer> <br>
初始值: 1 <br>
适合对象: 表格元素 <br>
是否继承: no <br>
百分比备注: 被禁止 <br>
<br>
column-span属性描述表格跨越的列的数目：<br>
属性名称: 'column-span' <br>
属性值: <integer> <br>
初始值: 1 <br>
适合对象: 表格元素 <br>
是否继承: no <br>
百分比备注: 被禁止 <br>
<br>
9、用户界面属性：<br>
cursor属性，用户可以指定在某个元素上要使用的光标形状：<br>
属性名称: 'cursor' <br>
属性值: auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize
| n-resize | se-resize | sw-resize | s-resize | w-resize| text | wait | help | <url> <br>
初始值: auto <br>
适合对象: 所有元素 <br>
是否继承: yes <br>
百分比备注: 被禁止 <br>
属性值分别代表鼠标指针在windows操作里的各种形状，另外还可以指定指针图标的url地址，不过CSS还暂时不支持ani动画光标。<br>
<br>
到此，所有关于CSS现有的属性都介绍完了（还有一些关于听觉方面的样式单，就不再作介绍），本文也该结束了，虽然现在支持样式单的浏览器种类还不多，但也占到了大半，样式单迟早会成为浏览器的统一标准，原因有两个：一、样式单是W3C唯一接受的样式标准，而且没有任何迹象表明W3C会把Javascript样式单作为样式单标准；二则是CSS有效的解决了把事件引入元素的问题，配合脚本程序，是动态HTML不可缺少的一部分，尝试着用样式单建立Web页，你会发现它真的很方便。希望我的这些努力能为你熟练掌握样式单尽一点力。</span>
</table>
<p align="center"><script src="../../2.js"></script></a>
</body>
</html>
⌨️ 快捷键说明
复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?