css中优先级标志：!important
!important是CSS1就定义的语法，作用是提高指定样式规则的应用优先权。语法格式{ cssRule !important }，即
写在定义的最后面，例如：box{color:red !important;}//说明红色的优先级最高
white-space:nowrap;//设定字不换行
word-break:break-all;//设定字母换行
#css{width:120px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}//设定文字超长超长的部分变省略符合
:after伪类使用：就是在元素后面添加内容，要喝content一起使用【 :after{content:'添加的内容'} 】
例如：#mydiv :after{content:url(images/test.jpg)}//会在mydiv后添加一张图片
#mydiv :after{content:'';display:block;clear:both;}//现今主流的清楚浮动写法
#gallbox span.spanR{ width:8px; height:17px; background:url(images/sroll_bg.gif) -9px 0 no-repeat;}//切图（例如切一张大图的小图标）
使用：
.bg_sprite{background-image:url(/整图地址); background-repeat:no-repeat}
引用该类 .. 然后在元素中逐一定义背景坐标 .. 以下为关键属性 ..
#ico1 {width:容器宽度;height:容器高度;background-position:X坐标 Y坐标}
#ico2 {width:容器宽度;height:容器高度;background-position:X坐标 Y坐标}
#ico3 {width:容器宽度;height:容器高度;background-position:X坐标 Y坐标}
.nav {width:容器宽度;height:容器高度;background-position:X坐标 Y坐标}//x,y取值和数学中的是相反的
必须要限定容器大小符合背景图元素位置 .. 另外 .. XY轴是相对于整张图片的左上角来算的 .. 所以取值一定要算清楚。
语义化：就是要知道HTML标签的用途，这样更加容易让搜索引擎搜索到，也更加容易让屏幕阅读器读到，在文章中如果要表示强调就用em标签。
<q></q>引用语句
<hr/>加横线
<address>地址标签</address>
<code>显示源代码的标签</code>
列表标签：
原点：<ul><li></li></ul>
js搜集
js中触发sublimt事件，document.formname.sublimt();//formname from表单的name属性值
js封装的ajax，引入transport.js（使用参照：http://blog.163.com/wangxiaoxia1221@126/blog/static/1076801742011427101017588/）
调用js转json数据，第一种：引入jquery.json.min.js,调用$.toJSON('要转换的对象');第二种：引入json.js调用要转的对象.toJSONString()；
js返回上一页并刷新
<a href="javascript:history.go(-1);location.reload()">返回上一页重载页面，本地刷新</a>
css控制滚动条显示和隐藏
overflow-y:hidden/visible;
overflow-x:hidden/visible;
让background-image:url('img.jpg');自适应宽高
background-size:100% 100%;
红色和绿色阴影值：css【
.errcss{
border: 1px solid #a93232;
box-shadow: 0 0 5px 3px rgba(173,0,0,.2);
}
.successcss{
border: 1px solid #29a744;
box-shadow: 0 0 5px 3px rgba(0,199,0,.2);
}
】
//html标签背景图片固定设置
.as_bg1 {
background: url(../assure/images/as_bg.jpg) 100% 0 repeat-x fixed;
background-size: 100% 100%;
}
//解析时间戳（即时间毫秒数）
var d;
function unix_to_datetime(unix) {
if (unix!==null) {
d=new Date(parseInt(unix));
return d.getFullYear()+"-"+add_0(parseInt(d.getMonth())+1)+"-"+add_0(d.getDate())+" "+add_0(d.getHours())+":"+add_0(d.getMinutes())+":"+add_0(d.getSeconds());
} else {
return unix="没有时间";
}
}
function unix_to_date(unix) {
if (unix!==null) {
d=new Date(parseInt(unix));
return d.getFullYear()+"-"+add_0(parseInt(d.getMonth())+1)+"-"+add_0(d.getDate());
} else {
return unix="没有时间";
}
}
function add_0(times){
if(times.toString().length>0){
if(times.toString().length==1){
return "0"+times.toString();
}else{
return times;
}
}else{
return "";
}
}
/*图片根据窗口自动缩放*/css中
#img_samlbig {
max-width:100%;
mywidth:expression(οnlοad=function() {
this.style.width=(this.offsetWidth >document.getElementById("img_samlbig").scrollWidth*8/10)? "80%": "auto"
}
);
/*border:1px dashed #000;*/
}
//jquery的js与js之间引用js文件
$.getScript("assets/scripts/versionCheck.js");
qq客服网页授权步骤修改：http://www.jizhiweb.com/news/59.html
代码设置颜色渐变效果：
background: #71c5f2 url(bg.gif) repeat-x;//蓝色渐变