列表标签:
1,无序列表<ul>
,无序列表是一种不分排序的列表,各个列表项之间没有顺序级别之分。无序列表使用<ul>
标签定义,内部可以嵌套多个<li>
标签
2,<ul></ul>
标签用于定义无序列表,<li></li>
标签嵌套在<ul></ul>
标签中,用于描述具体的列表项,每对<ul></ul>
中至少应包含一对<li></li>
3,有效列表<ol>
,有效列表是一种强调排列顺序的列表
4,定义列表<dl>
定义列表与有序列表,无序列表父子搭配不同,它包含了3个标签,即dl,dt,dd;<dl></dl>标签用于指定定义列表,<dt></dt>和<dd></dd>并列嵌套与<dl></dl>中 <dt></dt>标签用于指定术语名词,<dd></dd>标签用于对名词进行解释和描述
5,list-style-type:用于控制列表项显示符号的类型
6,list-style-image:其取值为对象的url,使用list-style-image属性可以为各个列表项设置项目图像,使列表的样式更加美观;
7,list-style-position:inside:列表项目符号位于列表文本以内
outside:列表项目符号位于列表文本以外(默认值);
8,list-style:list-style:列表项目符号 列表项目符号的位置 列表项目图像
使用list-style时,通常按上面语法格式中的顺序书写,各个样式书写,各个样式之间的以空格隔开,不需要的样式可以省略。
list-style:none;清除列表的默认显示样式;
9,创建超链接:<a href="跳转目标" target="目标窗口的弹出方式"> 文本或图像</a>
10,链接伪类控制超链接:a:link{}超链接的默认样式
a:visited{}超链接被访问过后的样式
a:hover{}鼠标指针经过,悬停时超链接的样式
a:active{}鼠标点击不放时超链接的样式
使用超链接的4中伪类时,对排列顺序是有顺序的,是按照a:link,a:visited,a:hover,和a:active的顺序书写,否则定义的样式可能不起作用
“相关推荐”对你有帮助么?
-
非常没帮助
-
没帮助
-
一般
-
有帮助
-
非常有帮助
提交