我自己的ＣＳＳ模板

我自己的ＣＳＳ模板

 

 1  /*  
 2  项目：……
 3  编写：Raven,[email protected]
 4  功能：……
 5  */
 6 
 7  /* ====标签元素========== */
 8  * { margin : 0 ; padding : 0 }
 9  html { border : 0 ; }
10  body,div,p,th,td,li,dd,a,span { font-size : 12px ; font-family : Verdana,宋体 ; word-break : break-all ; }
11  body { background : #FFF }
12  ul { list-style : none ; }
13  a img { border : 0 ; } /* 去除带链接图片的蓝色边框 */
14  p { line-height : 160% }
15 
16  /* ====链接====== */
17  a {}
18  a:hover {}
19  a.style1 {}
20  a.style1:hover {}
21 
22  /* =====页面结构与公共调用======== */
23  .f_l { float : left ; } /* 向左浮动 */
24  .f_r { float : right ; } /* 向右浮动 */
25  .c { height : 1% ; } /* 清除浮动用于IE */
26  .c:after  { content :  "." ; display :  block ; height : 0 ; clear :  both ; visibility : hidden ; } /* 清除浮动用于FireFox */
27  .ell { overflow : hidden ; white-space  : nowrap ; text-overflow : ellipsis ; } /* 超出范围的文字以省略号替的换 */
28  .h { height : 100% }
29  .dn { display : none } /* 消失 */
30  .ac { text-align : center } /* 内元素居中 */
31  .ch { cursor : pointer ; cursor : hand } /* 指针为手形状 */
32  .fwb { font-weight : bold }