2020年-03月-13日
0
教你如何在html、javascript、css中使用unicode符号
今天本作发现到unicode字符集中包含了丰富实用有趣的特殊符号,特意研究了一下在html、javascript、css中的使用方法。


其实这些unicode字符使用起来并不难,现在把知识分享给大家,请看本作的源码与注释(将unicode其它字符中前三个的大阳、云、雨伞分别用于html、javascript、css中):
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>heartmv.com</title>
<style>
* {
margin: 0;
padding: 0;
}
b{
font-size:50px;
margin:50px;
}
.b3::before{
content:"\2602"; /*css的用法 */
}
</style>
</head>
<body>
<!--unicode字符集html、javascript、css三种使用方法-->
<!--html的用法-->
<b>☀</b>
<!--javascript的用法-->
<b class="b2"></b>
<!--css的用法-->
<b class="b3"></b>
<script>
var b2=document.querySelector('.b2');
b2.innerHTML='\u2601'; //javascript的用法,只需在css编码的 \ 后面加 u 就行了
</script>
</body>
</html>
浏览器最终的显示结果:

最后献上:
unicode其它字符的链接:https://www.utf8icons.com/subsets/miscellaneous-symbols