项目创作常用前端样式及技巧整合

本篇仅为个人喜好，以后在慢慢加吧

1：siblings([selected])
解释：返回所选元素的同级元素列，相当于全选他的兄弟姐妹一起操作。
用法：$("..").siblings ........

2:border
解释：边框。使用时要同时声明大小和颜色才会显示。
用法：border: 3px solid #181818;

3：fadeIn(Timer),fadeOut(Timer)
解释：淡入和淡出，中间时间可加可不加
使用： $("..").fadeOut(3000);

4：传送当前元素对象
解释：无
使用：例：

Html：onClick = "test(this)"
js:    function Click(obj) {
       	 	$(obj)....
   	}
    								

5: 变量 当做 id
解释：无
使用：例：$("#"+id). ....;

6:边缘发光样式
解释：无
使用：例：-webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 1);

7：侧边滚条的样式：
解释：若你只想在一块指定大小的区域显示许多的内容，有一种方法就是添加滚动条；
使用：overflow-x: hidden;overflow-y: auto;/此处我只显示右侧的滚动条/

/*定义侧边滚动条样式*/
::-webkit-scrollbar {
    width: 2px;
    height: 6px;
    }

/*!*定义滚动条轨道 内阴影+圆角*!*/
::-webkit-scrollbar-track {*/
    box-shadow: inset 0 0 0px rgba(240, 240, 240, .5);
    border-radius: 10px;
    background-color: black;
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 0px rgba(240, 240, 240, .5);
    background-color: #f0f8ff;
    }

8: 去除 li 标签前的小点

list-style-type: none;

9:position
问题描述：使用position的absolute时标签随滚动条发生改变。
原因：absolute是相对于最近的“position”祖先元素来定位的，即非static的position元素。
解决方法：给父元素设定非static的值。