2022年CSS实用教程(6)CSSHTML教程.docx

2022年CSS实用教程(6)CSSHTML教程十限制列表的样式列表是HTML里一种很有用的显示方式，可以把相关的并列内容整齐地垂直排列，使网页显得整齐专业，并让阅读者有一目了然的感觉。样式表为列表增加了一些功能，限制列表的样式包括列表样式、图形符号、列表位置三个部分。1列表符号列表符号是指显示于每一个列表项目前的符号标识。基本格式如下：list-style-type：参数参数取值范围：·disc：圆形·circle：空心圆·square：方块·decimal：十进制数字·lower-roman：小写罗马数字·upper-roman：大写罗马数字·lower-alpha：小写希腊字母·upper-alpha：大写希腊字母·none：无符号显示参数中的disc是默认选项。2图形符号图形符号指原来列表的项目符号将可以运用图形来代替。基本格式如下：list-style-image：URLURL是用来代替项目符号的图形文件的地址，可以运用相对地址或肯定地址。3列表位置列表位置描述列表在何处显示。基本格式如下：list-style-position：参数参数取值范围：·inside：在BOX模型内部显示·outside：在BOX模型外部显示这里又出现了一个新的概念：BOX模型。BOX是指一种容器，包含了应用样式规则的对象，详细介绍将在后文中给出。十一限制用户界面的样式在网页上，鼠标平常呈箭头形，指向链接时成为手形，等待网页下载时成为沙漏形这好像是约定俗成的。虽然这样的设计能使我们知道阅读器现在的状态或是可以做什么，但这些似乎还不能完全地满意我们的须要。就拿链接来说，可以是指向一个帮助文件，也可以是向前进一页或是向后退一页，针对如此多的功能光靠一模一样的手形鼠标是不能说明问题的。值得庆幸的是，CSS供应了多达13种的鼠标形态，供我们选择。基本格式如下：cursor：鼠标形态参数CSS鼠标形态参数表：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"左下箭头形（出处：