菜鸟CSS基础教程(5)
Posted on 星期五, 九月 1st, 2006 at 1:33 下午. 906次浏览在第四课时学习内容，学习了CSS之控制颜色和背景样式，内容比较多，但这些参数的学习非常有利于对于今后博客模板自定义CSS。而且主要是自身有对代码参数的了解，尽管英语能力不怎么好，但几个常用参数的记忆是不成问题的。费话少侃，继续学习新的内容。
十、CSS之控制列表
列表是html里一种很有用的显示方式，可以把相关的并列内容整齐地垂直排列，使网页显得整洁专业，并让浏览者有一目了然的感觉。样式表为列表增加了一些功能，包括列表样式、图形符号、列表位置三个部分。
1、列表符号 指显示于每一个列表项目前的符号标识。
基本格式：list-style-type：参数
参数取值：disc：圆形、circle：空心圆、square：方块、decimal：十进制数字 、lower-roman：小写罗马数字
upper-roman：大写罗马数字、lower-alpha：小写希腊字母、upper-alpha：大写希腊字母、none：无符号显示。
参数disc是默认选项。
2、图形符号 指原来列表的项目符号将可以使用图形来代替。
基本格式：list-style-image：URL
URL是用来代替项目符号的图形文件的地址，可以使用相对或绝对地址。
3、列表位置 指描述列表在何处显示。
基本格式：list-style-position：参数
参数取值：inside：在BOX模型内部显示、outside：在BOX模型外部显示。
补充：BOX是指一种容器，包含了应用样式规则的对象。 (目前为此，偶还是没有完全理解)
十一、CSS之控制用户界面
主要指鼠标形状，CSS自带了13种的鼠标形状，当然也可以通过外部的链接形式添加更多的鼠标形状。
基本格式：cursor：鼠标形状参数
CSS鼠标形状参数表：
style=”cursor:hand” ——手形 style=”cursor:crosshair” ——十字形
style=”cursor:text” ——文本形 style=”cursor:wait” ——沙漏形
style=”cursor:move” ——十字箭头形 style=”cursor:help” ——问号形
style=”cursor:e-resize” ——右箭头形 style=”cursor:n-resize”——上箭头
style=”cursor:nw-resize” ——左上箭头形 style=”cursor:w-resize” ——左箭头形
style=”cursor:s-resize” ——下箭头形 style=”cursor:se-resize” ——右下箭头形
style=”cursor:sw-resize” ——左下箭头形
注意点：其中第十一项内容为选学内容，不列为学习重点。
第五课时学习内容结束！
