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

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

10-06最后更新时间:2019-12-06已收录人已围观收藏

简介使用方法很简单,只需要引入一段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>
《一段代码创造自己的css专属属性提高排版效率.doc》
将本文的Word文档下载到电脑,方便收藏和打印
推荐度:
点击下载文档

文档为doc格式

很赞哦! ()

相关文章

文章评论

站点信息

  • 建站时间2019年06月15日
  • 网站程序:帝国CMS7.5
  • 博客模板:可免费共享
  • 文章统计:161篇文章
  • 时间卷轴时间轴
  • 标签管理标签云
  • 网站地图XML网站地图
  • 微信二维码:扫描一下,你我就是有缘