前端页面-css特殊符号content编码及使用方法-标点,特殊符号

xyc

在前端编写页面时，经常会用到特殊符号，使用键盘打字等工具并不能很好的实现， 目前通过css编码，就可以实现

css代码如下：

[CSS] 纯文本查看 复制代码

i{
  font-size: 18px;// 定义字体图标大小
  margin-right: 10px;// 右外边距
  color: #0091ff;// 定义字体图标颜色
  vertical-align: middle;// 垂直居中
  &:before{// 在最前面显示
    content: "\2022";
  }
}

特殊符号样式代码：
1.基本形状

2.标点,特殊符号

«	171	00AB
»	187	00BB
‹	139	008B
›	155	009B
“	8220	201C
”	8221	201D
‘	8216	2018
’	8217	2019
•	8226	2022
◦	9702	25E6
¡	161	00A1
¿	191	00BF
℅	8453	2105
№	8470	2116

&	38	0026
@	64	0040
℞	8478	211E
℃	8451	2103
℉	8457	2109
°	176	00B0
	124	007C
|	166	00A6
–	8211	2013
—	8212	2014
…	8230	2026
¶	182	00B6
～	8764	223C
≠	8800	2260

3.对号、错号

使用方法：

替换上面代码中的content内容， 例如：

« 实现方式：  

[CSS] 纯文本查看 复制代码

i{
  font-size: 18px;// 定义字体图标大小
  margin-right: 10px;// 右外边距
  color: #0091ff;// 定义字体图标颜色
  vertical-align: middle;// 垂直居中
  &:before{// 在最前面显示
    content: "\00AB";
  }
}

其他同上