列表是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” ——左下箭头形
注意点:其中第十一项内容为选学内容,不列为学习重点。
第五课时学习内容结束!
