您现在的位置是：孟垂博自媒体博客 ✈ 学习笔记

一段代码创造自己的css专属属性提高排版效率

10-06最后更新时间：2024-04-16【已收录】人已围观收藏

简介使用方法很简单，只需要引入一段JavaScript,去创造自己的属性，然后就直接可以用了。

他的优点：
1.自定义属性，页面语义化更加灵活，方便别人看懂你的代码，也有利于你以后的页面维护。
2.经常出现的样式集合定义成自己的专属属性，更加方便自己去利用，提高排版效率，减少了class的使用，更加符合html5的标准。
备注：自定义属性和官方属性是一模一样的，也是可以在里面添加class,如下面的例子，在原有自定义属性上面又添加了class属性。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>为 HTML 添加新元素</title>
<script>document.createElement("yuansu");
</script>
<style>
yuansu {
    width: 500px;
    text-align: center;
    display: block;
    background-color: #443e3e;
    padding: 50px;
    font-size: 30px;
    color: #fff;
}
.yanse{color:red;}
</style> 
</head>

<body>

<yuansu class="yanse">新的css属性，前面不用加点</yuansu>  

</body>
</html>

属性