html，css，自定义标签属性，chrome检查html错误

你问我 html css 自定义标签属性怎么用，我才不会告诉你简单粗暴地在标签里乱加属性的做法，这样不好，不好，不好。当然，我也不会让你学习英语版的教程文档，毕竟翻译软件的够不上我们中国人的理解力，还是需要我们自己的中文教程。

首先，我们要给大家介绍一下什么是 html css 自定义标签属性？在 html 中，各种标签已经恨不得把所有需求都预设好了，读者要用哪个标签就直接用，但是我们还有更多的需求，比如说希望一些标签有一些额外的属性，这时候我们可以自定义属性(attribute)。

你可能会问：自定义属性万一跟标准属性重复怎么办？只能放弃了吗？当然不是，我们可以给自定义属性加上前缀，这样就不会与标准属性产生冲突了。比如说，我们可以给自定义属性加上“data-”前缀。

用法很简单，只需要在标签内添加属性名即可，例如：

```

可以调整字体大小的段落

```

这个例子中，我们为 p 标签定义了一个自定义属性 data-fontsize，属性值为 20px，这样你就可以在 css 中针对这个属性来设定样式了，比如：

```

[data-fontsize="20px"] {

font-size: 20px;

}

```

注意，我们必须使用方括号（[]）来选择这个属性，里面添加标准属性一样的语法，就可以对这个属性进行样式设定了。

那么一个完整的 html css 自定义标签属性的代码是怎样的呢？我们来看一个例子：

```

默认颜色是 绿黄色，可以看看哦

你试试把它染成红色

你试试把它染成蓝色

你试试把它染成蓝了一点点的颜色

你试试把它染成蓝绿色

可以调整字体大小的段落

```

在这个例子中，我们使用了一些常见的 css 选择器，包括属性选择器，即选择拥有指定属性的元素，以及一些需要注意的属性选择器，例如端匹配（^）、后缀匹配（$）和子串匹配（*）。

值得注意的是，使用自定义属性也要注意文档的正确性和规范性，否则会引起不必要的bug和错误，所以一定要在写自定义属性之前对文档结构有足够的了解。

好了，这篇文章就到这里为止了。我希望你现在已经在心中默念着“html css 自定义标签属性，一定要自己动手试试！”，在实践中探索出适合自己的方法，提高自己的 coding 水平，同时注意规范理性使用，享受 html css 的乐趣。 如果你喜欢我们三七知识分享网站的文章， 欢迎您分享或收藏知识分享网站文章 欢迎您到我们的网站逛逛喔！https://www.ynyuzhu.com/