网页设计第18次课CSS列表属性要点详解.pptVIP

* 第三章 使用CSS样式表（下） 第6节、CSS列表、伪类等属性 8、列表属性 使用使用列表属性可以设置列表项的样式，包括符号、缩进等。 （1）列表符号 list-style-type： 使用列表符号属性可以设置列表项所使用的符号类型。 语法，list-style-type:值（见下一页中表格总结） 不使用项目符号或编号 none 大写英文字母 upper-alpha 小写英文字母 lower-alpha 大写罗马数字 upper-roman 小写罗马数字 lower-roman 阿拉伯数字 decimal 实心方块 square 空心圆 circle 默认值，实心圆 disc 含义 取值 （2）列表图像符号 list-style-image： 图像符号属性是指使用图像作为列表符号，以美化网页。语法，list-style-image : none | url （图像地址）；说明： none表不不指定图像；url则使用绝对地址或相对地址指定符号的图像。 （3）列表缩进 list-style-position： list-style-position属性用于声明列表标志相对于列表项内容的位置。语法，list-style-position : outside丨inside；说明：outside表示列表项目标志会放在离列表项边框边界一定距离处；inside表示列表项目标记放置在文本以内，好像它们是插入在列表项内容最前面的行内元素一样。【注：如果定义了outside值后，使用text-indent属性将只对文本内容进行缩进，而定义了inside值后，项目标志和文本内容变成一个整体，会被一起缩进。】 outside inside （4）列表复合属性list-style： 列表复合属性用于设置列表项目的相关样式。语法，list-style : list-style-image丨list-style-position | list-style-type; 【说明：当list-style-image 和 list-style-type都被指定的时候, list-style-image 将优先，除非list-style-image设置为none或指定url地址的图片不能被显示。】 学完就练之8-1（请将源代码复制到页面中，开始练习）： !--给下面列表项的前缀加上一个性化图片，两个列表缩进形式分别设置为outside和inside-- ul2014年城市平均月薪排行 li第1名上海7214元/lili第2名北京6947元/lili第3名深圳6819元/li li第4名宁波5906元/lili第5名杭州5844元/lili第6名广州5694元/li li第7名苏州5544元/lili第8名重庆5395元/lili第9名南京5278元/li li第10名成都5268元/lili第11名厦门5221元/lili第12名无锡5196元/li li第13名长沙4928元/lili第14名昆明4905元/lili第15名青岛4900元/li li第16名武汉4863元/lili第17名大连4821元/lili第18名天津4819元/li li第19名福州4801元/lili第20名合肥4698元/li /ul ol2015年求职期十大高薪行业 li互联网/电子商务8626元/lili中介服务7604元/lili财会/法律/人力资源7272元/lili通信/电信运营/增值服务7269元/lili基金/证券/期货/投资7211元/lili银行7059元/lili信托/担保/拍卖/典当7027元/liliIT服务/系统/数据/维护6768元/lili财会/法律/人力资源7272元/lili保险6716元/lili房地产/建筑/建材/工程6476元/li /ol 9、伪类 CSS中用四个伪类来定义链接的样式，分别是，a:link(未访问的链接)；a:visited(已访问的链接)；a:hover(鼠标移动到链接上)和a:active(选定的链接)。 10、透明度属性(opacity) opacity用来设置元素的不透明度。语法，opacity : 透明度值; 【取值从 0.0- 1.0， 即从完全透明到完全不透明】。IE8 以及更早的版本不支持opacity写法，而是使用滤镜filter下的alpha方法。语法，filter : Alpha (opacity=透明度值)【取值为1-100】 。为了兼容更多浏览器，建议在css中同时写上上述两种写法。 11、光标类型属性(cursor) cursor 属性定义了鼠标指针放在一个元素边界范围内时所用的光