千锋前端浠浠呀老师HTML+CSS教程,零基础web前端开发入门必看视频
2023-07-12 14:21 作者:58823662154_bili | 我要投稿

超链接之锚点————学习笔记:
锚点的作用是在同一个页面内的不同位置进行跳转,也可以理解为使用超链接迅速定位找到网页内自己想到浏览的内容,这种超链接的应用就叫锚点。
锚点的应用在我们日常生活中也是很常见的,比如手机通讯录右侧的字母导航和左侧的联系人,小说网站中的章节目录与内容,各大网站的楼梯导航效果等等都有应用锚点特效。
制作锚点标记的语法:
1.给元素定义一个锚点名
语法:<p id="锚点名"></p>
2.给锚点名链接
语法:<a href="#锚点名"></a>
在这里的语法中出现了id选择器,id选择器具有唯一性,一个页面内只能有一个标签拥有这个id,与我们日常生活中查找页面内的某一个内容正好相符,所以在这里运用id选择器是个很不错的选择。
扩展:id选择器的权重值是100,为了完善页面的美观我们通常会针对标签添加多个样式,当样式过多时就会出现样式覆盖或样式继承等问题,所以样式之间就有了权重的问题。
!important > 内联样式1000 > id选择器100 > class选择器10 > 标签选择器1