30
2017
08

Font Awesome简介及使用说明

Font Awesome是一种web font,它包含了几乎所有常用的图标,比如Twitter、facebook等等。用户可以自定义这些图标字体,包括大小、颜色、阴影效果以及其它可以通过CSS控制的属性。


优点:

1、像矢量图形一样,可以无限放大

2、只需一种字体,同时拥有多个图标,目前支持439个图标

3、无需考虑兼容性问题,fontawesome不依赖于javascript

4、通过CSS可以任意控制所有图标的大小 ,颜色,阴影。

30
2017
08

使用CSS画出线条的代码

 实心的线条:<HRalign=left width=490 color=#990099 SIZE=3 noShade>

竖直线:<HRalign=center width=1 color=red size=100> 

虚线:<hrsize=1 style="color: blue;border-style:dotted;width:490"> 

30
2017
08

DIV+CSS使用一张整图背景(css sprites)

以前看到很多大型网站,整个网站的背景图片,是同一张图片,下载他的背景图片,看到一张图片上有很多小图标。

也就是国外很流行的css sprites,目前国内也有很多网站这样用。

这次在写CSS+DIV时,也这样写了个整站,感觉虽然做网站的整站慢,但在网站的占用资源上,的确省了不少。

原理,一般网站的图片都是分开的,每个图片的调用都会占用一个IIS链接,而现在把所有图片放在一张图上时,所有图片都是一个图片,只要调用一次图片,就可以提供整个网页的图片用,这样只占一个IIS链接。