1.
1. a:link 未被访问过的链接样式
2. a:visited 访问过后的样式
3. a:hover 鼠标悬停时的标签
4. a:active 鼠标点击时候的样式,不松开
设置超链接样式的时候,必须按照以上的顺序
<a href="#">这是一个超链接</a>
<a href="">这是一个新的超链接</a>
2.
1.a标签
向网页中添加a标签是实现超链接的重要方式,但不是唯一方式。本文后面所提到的超链接一般是指通过a标签添加的超链接。
<html>
<head>
<title>超链接</title>
</head>
<body>
<a href="http://www.baidu.com">前往百度</a>
</body>
</html>
<a href="https://www.baidu.com/">百度</a>
以上代码实现了一个超链接,指向一个网页。点击后可以访问连接指向的网页。
2.href
href属性用于指示一个目标,该属性是a标签必不可少的,少了它超链接将不能跳转。href属性的值是一个链接,也就是网页或资源的地址。比如:href="https://gitee.com/HeavyLeaf",href的值是一个网页的地址。
链接可以是一个完整的地址,也可以是相对路径。对于外部连接通常使用完整的链接,链接必须包含所使用的协议(HTTP,HTTPS等),否则将是一个无效链接。
<a href="https://gitee.com/HeavyLeaf">我的码云</a>
<a href="gitee.com/HeavyLeaf">我的码云</a>
上例中,第一个超链接的地址是完整的地址,包含了https协议,因此该超链接是有效的;第二个超链接的地址个缺少协议类型,因此是无效的超链接。
3. 元素的显示与隐藏
display 元素的转换
block 块级元素
inline 行内元素
inline-block 行内块元素
none 没有这个元素了,不显示
block 显示
display:none 的隐藏,不会保留原来元素的位置
<!-- visibility
hidden 的隐藏,会保留原来元素的位置
visible
-->