1，内联样式
内联样式是直接在html标签上定义该标签的css样式，如：
<div style="width:100pxheight:100px"></div>
2，内部样式
内部样式是写在html文件中，且包含在<style></style>代码块中，style写在head里面如：
<style>
div{width:100pxheight:1000px}
</style>
<div></div>
3，外部样式
外部样式是通过在html中引用外部css文件来控制样式，如：
html文件中写入引用语句：
<link href="css文件路径" rel="stylesheet" media="screen" />
我觉得可能加入第4种：
通过js动态加载。
先把CSS文件放到 static 下对应的文件夹里，因为变量都是指定到此目录的。
然后使用 {JS_PATH} ，{CSS_PATH} ，{IMG_PATH}
{JS_PATH}XXX.js js的路径
{CSS_PATH}XXX.css css的路径
{IMG_PATH}XXX.jpg 图片的路径。
这个文件你可以放在statics/css文件夹里面，也可以任意放在某个位置，只要你路径写对了 位置无所谓的，放在那里模板上就写哪里的路径。
