列表和超链接

列表标签:
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的顺序书写,否则定义的样式可能不起作用

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值