用几个div或span拼的
css嵌入字体，比如把某个字库里面的字符A直接做成这种图标样式，在网页上打个A，定义用这个字体，就会出来这个了(百度下：css字体图标)。这种方式很丑，源码里面多些乱七八糟的字母符号，而且锯齿很粗糙，不能用渐变色或彩色，只能是一个色。
你就直接用个背景图得了，少去找麻烦，一般网站，没大型门户那访问量，你少个小图片连接的请求根本节约不了多少资源的。
@是CSS的一种选择符，有很多应用场景。最常用的使用场景是用来引用其他的CSS文件，是以@import开始的，例如想在main.css里面应用style.css，那么直接用@import style.css就可以了。
此外，还有一种使用场景是媒体选择，它是以@media开始的，表示在不同媒介条件下的样式。
当你想做响应式的页面布局时，例如希望当浏览器的宽度小于1000px时，网页背景变成黑色，就可以用下面的方法：
@media screen and (max-width: 1000px)
{
body {backgroundblack}
}
