锚点链接基础用法
<a href="#锚点的名称">原链接文字或图像
<a name=“锚点的名称”>目标锚点文字或图像
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>京东快速购物导航</title>
<style>
p {
position: fixed;
right: 5%;
top: 50%;
font-size: 40px;
}
</style>
</head>
<body>
<img src="image/img1.png">
<a name="F1" ><img src="image/img2.png"></a>
<a name="F2" ><img src="image/img3.png"></a>
<a name="F3" ><img src="image/img4.png"></a>
<a name="F4" ><img src="image/img5.png"></a>
<p>
<a href="#F1">F1</a><br>
<a href="#F2">F2</a><br>
<a href="#F3">F3</a><br>
<a href="#F4">F4</a>
</p>
</body>
</html>
超链接
<a href=“跳转目标” target=“目标窗口的弹出方式”>文本或图像
href：用于指定链接目标的url地址，当为<a>标记应用href属性时，它就具有了超链接的功能。
target：用于指定链接页面的打开方式，其取值有_self和_blank两种，其中_self为默认值，意为在原窗口中打开，_blank为在新窗口中打开。
3.邮箱
<a href =“mailto:邮箱地址”>链接的文字或图像
HTML结构元素
| 标签 | 说明 |
|---|---|
| header | 标题头部区域的内容（用于页面或页面中的一块区域） |
| nav | 可以作为页面导航的链接组(常用于导航条) |
| section | 页面中的一个内容区块，通常由内容及其标题组成 |
| article | 代表一个独立的、完整的相关内容块，可独立于页面其它内容使用 |
| aside | 非正文的内容，与页面的主要内容是分开的，被删除而不会影响到网页的内容 （常用于侧边栏） |
| footer | 页面或页面中某一个区块的脚 |
清除浮动
1、clear:both清除浮动
为了统一样式，我们新建一个样式选择器CSS命名为“.clear”，并且对应选择器样式为“clear:both”，然后我们在父级“”结束前加此div引入“class=“clear””样式。这样即可清除浮动。
2、父级div定义 overflow:hidden
对父级CSS选择器加overflow:hidden样式，可以清除父级内使用float产生浮动。优点是可以很少CSS代码即可解决浮动产生。
在HTML中去掉超链接的下划线
a {text-decoration: none;}
html中去除ul,li标签的样式列表标签的点
ul li{
list-style: none;
}
伪类选择器
| 选择器 | 描述 |
|---|---|
| E:first-child | 作为父元素的第一个子元素的元素E |
| E:last-child | 作为父元素的最后一个子元素的元素E |
| E F:nth-child(n) | 选择父级元素E的第n个子元素F，（n可以是1、2、3），关键字为even（奇数）、odd（偶数） |
| E:first-of-type | 选择父元素内具有指定类型的第一个E元素 |
| E:last-of-type | 选择父元素内具有指定类型的最后一个E元素 |
| E F:nth-of-type(n) | 选择父元素内具有指定类型的第n个F元素 |
理解子元素与第几个元素的区别
例子
p:first-child{color:red;}
<div>
<h2>我是一个标题</h2>
<p>我是一个p</p>
</div>
结果：无法使p元素变红
E:first-child选择符，E必须是它的兄弟元素中的第一个元素，换言之，E必须是父元素的第一个子元素。与之类似的伪类还有E:last-child，只不过情况正好相反，需要它是最后一个子元素。(元素p是div中第二个子元素，first-child只对第一个子元素有效)
扫一扫
9014
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
