锚点
sup标签
<sup>[1]</sup>
锚点:用户在页面中的某个地方做了一个标记,点击标记以后可以跳转到该跳转到的地方
跳转的地方使用name 取值
点击的地方需要#name值
例子如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<h1>HTML</h1>
<P>藏狐<a href="#first">[1]</a>(学名:Vulpes ferrilata)
大小接近赤狐<a href="#second">[2]</a> 或略小,但耳短小,
耳长不及后足长之半,耳背之毛色与头部及体背部近似。
尾形粗短,长度不及体长之半<a href="#third">[3]</a> 。
冬毛毛被厚而茸密,毛短而略卷曲。
</P>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<ul>
<li>
<a href="" name="first">这是一只藏狐</a>
</li>
<li>
<a href="" name="second">这是一只赤狐</a>
</li>
<li>
<a href="" name="third">这是一只藏狐</a>
</ul>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</body>
</html>
常用的CSS
CSS具有层叠性和继承性
层叠性: 同样的样式,权重一样的,后写的生效。权重不一样的,取决于权重高的样式
继承性: 与文字有关的样式,都可以继承,如果一个标签没有某一个与文字有关的样式(一定要考虑到内置的一些样式),会向上寻找,直到找到该样式为止。
选择器:如何选择标签
通过标签名选择标签 (还有其他,后面再写)
选择器{
书写样式,每一条样式结束必须加分号
}
常用的css | ||
---|---|---|
文字颜色 | color | |
文字大小 | font-size | 不能小于12px,默认文字大小16px |
字体 | font-family | |
行高 | line-height | 从一行文字到下一行文字的中间高度 |
中横线(删除线) | text-decoration:line-through | |
首行缩进 | text-indent | em相对单位,相对的是当前文字大小 |
文字加粗 | font-weight:bold | |
文字不加粗 | font-weight:normal | |
文本类元素水平居中 | text-align:center | |
鼠标移入增加小手效果 | cursor:pointer |