我们在之前 HTML 基础 提到了，标签是一个超链接标签，它在不添加样式时，文本颜色：通常是浏览器默认的蓝色，表示链接状态下的文本颜色。下划线：链接文本会默认显示下划线，表示它是一个可点击的链接。光标样式：当鼠标悬停在链接上时，光标通常会变为手型指示点击状态。访问后的样式：当鼠标点击过过链接时，是紫色。那如果这些默认的样式，不符合设计稿要求，能不能修改呢？当然能。本文，就说一下这个。我们在之前 H

通过javaScript: 创建一个链接，使用 JavaScript 代码作为链接的 href 属性值，点击链接时会执行相应的 JavaScript 操作。上次，我们聊了 HTML href 属性的网页链接，锚点链接，这次我们聊聊 href 其他 4 种常见链接。通过mailto: 创建一个链接，点击链接会自动打开用户默认的邮件客户端，并填写指定的收件人邮箱地址。除了以上4个，还有其他的链接类型，

CSS 中的positionstatic：默认值，relative：相对定位，absolute：绝对定位，fixed：固定定位，sticky：粘性定位。因为positiontop：距离定位父元素或包含块顶部的距离。right：距离定位父元素或包含块右侧的距离。bottom：距离定位父元素或包含块底部的距离。left：距离定位父元素或包含块左侧的距离。这四个方位属性可以使用像素(px)、百分比(%)

另外，对于 target 属性的使用注意事项包括：对于使用 _blank 打开的链接，应该在合适的场景下添加属性，以防止被打开的页面访问原页面的 window 对象，提高安全性。在使用 JavaScript 打开新窗口时，应当小心使用 target="_blank"，避免出现未经用户允许的弹出窗口，并确保提供良好的用户体验。好了，以上，本文完。作者介绍：云桃桃，在写作的程序媛。终身学习者，陪你一起

HTML 颜色的应用可以大大提升网页的视觉效果和用户体验，因此合理地运用颜色是网页设计中的重要一环。你可能会问，这么多颜色需要一个一个记住么？不必，你只需要知道它的写法就可以了。我们工作流程的前一还是设计，她会给定好我们设计稿。我们只负责在 设计软件 Photoshop(PS) ，或者借助吸色工具吸取就可以了。在使用颜色时需要注意搭配、可访问性等方面的考虑。不过咱们不用担心，颜色这个事，不是由前端

尽管通过在页面中添加图像，可以使页面更加生动、吸引人，并提升用户体验，但是工作中，仍然不建议盲目的增加图片，尤其是体积太大的，这样会降低网页的打开或者加载时间。因此，应该酌情加图片或者对大体积图片做压缩处理，再使用，压缩图片的网站，比如这款广为人知的在线 PNG 图片压缩工具，https://tinify.cn/。排版：云桃桃 | 图片设计：云桃桃作者介绍：云桃桃，在写作的程序媛。终身学习者，陪你

透明度在网页设计中扮演着重要的角色，透明度的合理运用可以提升网页设计的美感和功能性，增强用户体验，突出重点内容，同时也为设计师提供了更多的创作空间和可能性。那我们一起来看看吧。

CSS 中的右很多对齐的方式，今天主要来分享 20 个常用的对齐方式。来一起看看吧。

在页面的目标位置（一定是页面中的某个元素）处添加一个具有唯一标识符的锚点。

你好，我是云桃桃。一个希望帮助更多朋友快速入门 WEB 前端的程序媛。回复 “前端基础题”，可免费获得前端基础 100 题汇总，回复 “前端工具”，可获取 Web 开发工具合集265篇原创内容-gzh后台回复“”可获取开发工具，持续更新中后台回复“”可得到前端基础100题汇总，持续更新中上文说完border边框，这篇说一下圆角边框。属性用于设置元素的圆角边框效果。通过指定属性，可以使元素的边框呈现