超链接标记.pptVIP

第五章 列表与超链接 知识点 1.掌握列表标记 2.熟悉列表样式的控制 3.掌握超链接标记 4.了解css伪类 列表序 列表用途 无序列表 无序列表之间没有级别之分，通常是并列关系 语法： ul type=disc(默认实心圆)|circle(空圆)|square(实心方块) li列表项一/li li列表项二/li ... ul/ 注：ul中至少包含一个li子元素。不可以直接在ul中输入文字。 有序列表 有序列表项按照一定的顺序排列，例如歌曲榜，游戏积分榜等等 语法： ol type=1(默认)|a或A|i或I start=数字 value=数字 li列表项一/li li列表项二/li ... ol / 属性 属性值 描述 type 1（默认） 项目编号1,2,3,4,5,6,7...... a或A 项目编号abc...或者ABC... i或I 项目符号显示为罗马数字I,ii,iii,...或I,II,III,... start 数字 编号起始值 value 数字 规定项目符号的数字 列表dl 与无序和有序列表不同，定义标的前没有任何项目符号。 语法： dl dt名词一/dt dd名词解释一/dd dd名词解释二/dd dt名词二/dt dd名词解释一/dd dd名词解释二/dd dl 使用方式： 单列表 列表嵌套 CSS控制列表样式 list-style-type:定义项目符号。 list-style-image:定义图像符号 list-style-position:控制项目符号的位置。取值 inside：列表符号位于列表文本以内， outside列表项目符号位于列表文本以外。 list-style：综合设置样式语法。list-style:列表符号，列表项目位置，列表项目图像。 超链接标签/锚点链接 语法：a href=跳转目标 target=目标窗口弹出方式文本或图像/a 属性 href:用于指定链接目标url，当a标签应用href属性时，它就具有了超链接的功能。 target：用于指定打开目标方式。取值：self-在原窗口打开,_blank在新窗口打开。 空连接一般使用 href=#替代 锚点链接：如果页面太长，内容过多，翻看内容效率太低，所以使用锚点用于网页的定位到目标内容。 锚点为元素的id,跳转锚到锚点语法：a href=#锚点/a 链接伪类控制超链接 所谓伪类并不是真正意义上的类，它的名称有系统定义的，通常有标签名，类名或ID名加“：”构成。超链接标签a的伪类有4种。 超链接标记a的伪类 含义 a:link{css样式规则；} 未访问超时超链接的状态 a:visited{css样式规则；} 访问后超链接的状态 a:hover{css样式规则；} 鼠标经过，悬停时超链接的状态 a:active{css样式规则；} 鼠标点击不动时超链接状态