欢迎光临散文网 会员登陆 & 注册

千锋前端浠浠呀老师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

千锋前端浠浠呀老师HTML+CSS教程,零基础web前端开发入门必看视频的评论 (共 条)

分享到微博请遵守国家法律