（一）css代码积累
1.透明度设置
90%透明：filter:alpha(opacity=90);-moz-opacity:0.90;-khtml-opacity: 0.90;opacity: 0.90;
80%透明：filter:alpha(opacity=80);-moz-opacity:0.80;-khtml-opacity: 0.80;opacity: 0.80;
70%透明：filter:alpha(opacity=70);-moz-opacity:0.70;-khtml-opacity: 0.70;opacity: 0.70;
60%透明：filter:alpha(opacity=60);-moz-opacity:0.60;-khtml-opacity: 0.60;opacity: 0.60;
50%透明：filter:alpha(opacity=50);-moz-opacity:0.50;-khtml-opacity: 0.50;opacity: 0.50;
40%透明：filter:alpha(opacity=40);-moz-opacity:0.40;-khtml-opacity: 0.40;opacity: 0.40;
30%透明：filter:alpha(opacity=30);-moz-opacity:0.30;-khtml-opacity: 0.30;opacity: 0.30;
20%透明：filter:alpha(opacity=20);-moz-opacity:0.20;-khtml-opacity: 0.20;opacity: 0.20;
10%透明：filter:alpha(opacity=10);-moz-opacity:0.10;-khtml-opacity: 0.10;opacity: 0.10;
完全透明：filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;
完全不透明：filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;
2.字间距/字母间距、单词间距
字间距（字母间距）：letter-spacing:5px
单词间距：word-spacing
3.同一组的单选按钮，name取值一定要一致。这样同一组的单选按钮才起作用。
4.在线QQ链接设置
<a target="_blank" href:"http://wpa.qq.com/msgrd?v=3&uin=QQ号&site=qq&menu=yes"></a>
5.copyright中的特殊字符
<span style="font-size:14px;font-family:Arial, Helvetica, sans-serif;" >©</span>
6.一键拨打效果电话号码
<a href="tel://电话号码"></a>
7.强制对数字字母折行（对于详情页的标题以及内容使用强制折行，列表页的简介如果是多行，强制折行）
word-wrap: break-word; break-word: break-all;
8.背景色透明
background: rgba(0,0,0,0.6);
9.button的onclick事件打开新的页面/本地页面
当前页面直接跳转至新页面：<input type=button onclick="window.location.href=('连接')">
需要打开一个新的页面进行跳转，相当于a标签的target="_blank"属性： <input type=button onclick="window.open('连接')">
<input type=button value=后退 onclick=”window.history.go(-1)“>
10.圆角矩形代码
border-radius: 5px; border: 1px solid #fc959f;padding: 5px;
11.注释
单行注释以 // 开头。 多行注释以 /* 开始，以 */ 结尾。
在CSS中用/* 注释语句 */
在HTML中用<!-- 注释语句 -->
12.返回上一页
javascript:history.go(-1);
13.手机屏幕
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-sca" /><%--适应手机屏幕--%>
14.线性渐变——不会常用到
background: linear-gradient(rgba(50,60,60, 1), rgba(50,60,60, 0.7));
15.标题隐藏，超出部分显示省略号（列表页的标题多余文字使用省略号显示）
overflow:hidden; text-overflow: ellipsis;white-space: nowrap;
超出部分隐藏，超出部分用省略号代替，超出文字不换行；
