【如何使用CSS3（target-name及属性）】在CSS3中，并没有一个名为 `target-name` 的标准属性。这个名称可能是对某些其他属性的误解或混淆，例如 `target`、`:target` 伪类或者 `scroll-behavior` 等。为了帮助读者更清晰地理解相关概念，本文将围绕常见的与“目标”相关的CSS属性进行总结，并以表格形式展示它们的功能和用法。
虽然CSS3中没有 `target-name` 这一属性，但有一些与“目标”相关的功能可以实现页面导航、元素定位等效果。其中最常见的是 `:target` 伪类，它允许我们根据URL中的锚点（如 `section1`）来样式化特定的元素。此外，`scroll-behavior` 可以控制页面滚动行为，提升用户体验。了解这些属性有助于构建更加交互性强的网页。
常见与“目标”相关的CSS属性对比表
| 属性/伪类 | 类型 | 功能说明 | 示例代码 | 说明 |
| `:target` | 伪类 | 当元素ID与当前URL的锚点匹配时应用样式 | ```css section1 { background: yellow; }``` | 用于高亮当前目标元素 |
| `target` | 属性（非标准） | 用于指定链接的目标窗口（HTML属性，不是CSS） | ```html 跳转``` | 仅适用于HTML，不属CSS |
| `scroll-behavior` | 属性 | 控制页面滚动行为（平滑滚动） | ```css html { scroll-behavior: smooth; }``` | 提升用户滚动体验 |
| `scroll-margin-top` | 属性 | 设置滚动到元素时的偏移量 | ```css section1 { scroll-margin-top: 80px; }``` | 避免被固定导航栏遮挡 |
注意事项：
- `target-name` 不是CSS标准属性，可能是误写。
- 使用 `:target` 时，需确保HTML中存在对应ID的元素。
- `scroll-behavior` 在现代浏览器中广泛支持，但旧版浏览器可能需要polyfill。
通过以上内容，我们可以了解到与“目标”相关的CSS功能，帮助开发者更好地实现页面导航和交互效果。如果在实际开发中遇到类似“target-name”的问题，请检查是否为拼写错误或对某个属性的理解有误。
