📄 fd76.htm
字号:
<html>
<head>
<title>CSS2快速参考之五</title>
<meta content="text/html; charset=gb2312" http-equiv=Content-Type>
</head>
<p align="center"><script src="../../1.js"></script></a>
<body bgcolor="#ffffff" leftmargin="5" topmargin="1" marginheight="5" marginwidth="5">
<div align=center>
<table border=0 cellpadding=0 cellspacing=0 width=680 align="center">
<tbody>
</tr>
</tbody>
</table>
<table border=1 bordercolordark=#ffffff bordercolorlight=#ffffff cellpadding=0
cellspacing=0 width=680 align="center">
<tbody>
<tr>
<td bgcolor=#F9D23C height=14>
<div align=center class=H1><font color="#FFFFFF">CSS2快速参考之五</font></div>
</td>
</tr>
<tr valign=top>
<td class=H1 height=36>
<p class=H1> </span></p>
<p> <span
style="FONT-SIZE: 9pt">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><br>
<font
color=#ffa000> <b>
</td>
</tr>
</tbody>
</table>
</div>
<p align="center"><script src="../../2.js"></script></a>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -