前台样式经验工作总结

一.网站页面常用字体：
1.font-family: Tahoma, Helvetica, Arial, sans-serif; Tahoma 系的中性字体。推荐使用在13px以上的环境。
2.font-family: Trebuchet MS, Verdana, Helvetica, Arial, sans-serif; Verdana 系的宽扁字体。推荐在11px以下环境使用。
3.font-family: Geogia, Times New Roman, Times, serif;衬线字体的不二之选。
4.font-family: Lucida Console, Monaco, Courier New, mono, monospace; 一系列等宽字体。写代码很好用。另外，如果觉得Lucida Console太宽的话，可以换成比较窄的Lucida Sans Typewriter
5.备注：Verdana字体在欧美国家中比较流行其主要特点就是比其他字体宽大很多。在用谷歌浏览器就行页面调测时，尽量把浏览器的语言和页面语言保持一致。

二.CSS之FILTER:progid:DXImageTransform.Microsoft.Gradient使用
使用方法：
filter:progid:DXImageTransform.Microsoft.Gradient(enabled=bEnabled,startColorStr=iWidth,endColorStr=iWidth)
属性：
enabled:可选项。布尔值(Boolean)。设置或检索滤镜是否激活。True|false
true: 默认值。滤镜激活。
false:滤镜被禁止。
startColorStr:可选项。字符串(String)。设置或检索色彩渐变的开始颜色和透明度。
其格式为：#AARRGGBBAA、RR、GG、BB为十六进制正整数。取值范围为00-FF。RR指定红色值，GG指定绿色值，BB指定蓝色值，参阅 #RRGGBB 颜色单位。AA指定透明度。00是完全透明。FF是完全不透明。超出取值范围的值将被恢复为默认值。

三.direction：rtl(ltr)样式
大多数情况下，默认值是 ltr，显示从左到右的文本。如果显示从右到左的文本，应使用值rtl。

四.万能 float 闭合(非常重要!) 可以用这个解决多个div对齐时的间距不对，将以下代码加入Global CSS 中,给需要闭合的div加上 class=”clearfix” 即可,屡试不爽
代码:
<style>
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
.clearfix {display:block;}
</style>