介绍
在学校的时候，有幸接到一个关于思政类型的项目（类似于一些新闻网站）。其实内容并不复杂，只是当时能力有限，现在回头总结一下当时的一些问题。
制作甘特图
在项目开始阶段，由于时间紧迫，制作甘特图安排任务
@font-face
浏览器支持情况
- IE9只支持.eot类型的字体
- Firefox，chrome，Safari，Opera支持.ttf 与.otf两种类型字体
注意： Internet Explorer 8 及更早IE版本不支持@font-face 规则.
属性定义及使用说明
@font-face规则，网页设计师再也不必使用的”web-safe”的字体之一。
字体的名称，font - face规则：
1
font-family: myFirstFont;
字体文件包含在您的服务器上的某个地方，参考CSS：
1
src: url('Sansation_Light.ttf')
如果字体文件是在不同的位置，请使用完整的URL：1
src: url('http://www.w3cschool.css/css3/Sansation_Light.ttf')
去除inline-block元素间间距的N种方法
图标无法显示
BootStrap glyphicon图标无法显示的解决方法
- 需要将fonts文件放在目录下
vertical-align
css vertical-align:middle来实现垂直居中
其他
在项目的过程中有文字溢出，后来听同学说CSS3总有个属性可以解决，就是text-overflow。
关于字母之间的距离word-spacing属性
要学会使用清除浮动，在这个项目中体现出自己没有习惯用清除浮动，然后出现很多不应该有的问题
overflow:hidden
Base64其实是一种简单的置换加密方式，但是BASE64的用处往往并不是为了防止信息泄露，而且为了方便传输，进过BASE64编码后的信息会比原始信息长，大概是4/3倍。