开始CSS3
作为一个非专业前端的前端实习生，对前端总是抱着一种既可恨又崇拜的心情。如果没有那么多兼容问题，或许会很美好。
前几天，借一朋友吉言开始使用before和after，试了一下，发现要火。
先看例子
分析源码
代码其实很简答，总体围绕着:before和:after架构，因为代码比较多，而且咱们只要去懂得逻辑，没必要纠结于简单的css代码
① unicode
font-family:\5B8B\4F53...
有些浏览器可能会不支持中文，所以我们常常用中文的unicode编码，这里的\5B8B\4F53实际上是”宋体”，百度应用里有一个中文转换成unicode的工具，那么你就不用时刻记住它了
② CSS3画圆和三角
在很久很久以前，CSS3还没出现的时候，如果你想画圆、三角，甚至一些不规则形状的图形，你必须使用图片，但并不是每个人都会PS，所以CSS3的出现在一定程度上也解决了前端工程师不懂PS的窘境。
在这里我想要提两个CSS3的小技术，在上面那个例程我也多次使用了这两个技术。
画圆
规定一个块(如div)的宽和高相同，假设100px，在将border-radius也赋值为100px，一个简单的圆就绘制出来了。
三角
将一个块的宽和高都定义为0，然后给border赋值，20px，现在你看到的只是一个边长为20px的正方形，这时候你加上border-color: red green orange blue，神奇的事情发生了，同样是正方形，却被割成了4个不同颜色的三角形，也许你懂了，我们只要将代码改成border-color: red transparent transparent transparent，这时候我们就能看到一个向下的三角形。
:before和:after
这是css3中的伪元素，它的出现注定要改变互联网，因为只要你有想象力，可以做出很多不可能完成的任务，但是这里我不想做介绍，因为靠字面意思就能懂了，而且在前端你一定懂得比我多，班门弄斧总是会砸到自己的脚。
谢谢你读完了我整篇博客，如果你有类似的创意，可以发给我，和我一起交流，只有分享才会有进步。