全局CSS設置總結
1、清除所有標記的內外邊距
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }
2、全局文本大小、顏色設置
body { color:#333; padding:5px 0; font:12px/20px "SimSun","宋體","Arial Narrow",HELVETICA; background:#fff; }
3、清除項目符號或編號前面的各種符號
ul, ol { list-style:none; }
4、全局鏈接效果
a:link , a:visited{color:#444;text-decoration:none;}
a:hover{color:#990000;text-decoration:underline;}
5、所有圖片去邊線
img{border:0;}
6、合並表格的邊線
table{border-collapse:collapse;}
7、浮動和清除
.float1{float:left;}
.float2{float:right;}
.clear{clear:both;}
8、常用顏色定義
.blue{color:#0000ff;}
.red{color:#ff0000;}
……
-----------------------------------------
1. 全局樣式以及 輔助樣式
-------------------
1 /***1: 初始樣式設置*******/ 2 html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img, div,span, table,th,tr,td,button { margin:0; padding:0; } 3 4 5 ul, ol { 6 list-style: none; 7 } 8 9 10 .hide { 11 display: none; 12 } 13 14 15 16 /*******2: 清除浮動******/ 17 18 /*IE6, IE7 生效*/ 19 .floatfix{ 20 *zoom:1; 21 } 22 23 /*其他瀏覽器*/ 24 .floatfix:after{ 25 content:""; 26 display:table; 27 clear:both; 28 } 29 30 /***3: 超出長度顯示省略號. 還需要設置width**/ 31 32 .ellipsis { 33 text-overflow: ellipsis; 34 overflow: hidden; 35 white-space: nowrap; 36 } 37 38 /****4: 兼容的 不繼承 的透明度*****/ 39 .rgba { 40 background: rgb(0,0,0); /*The Fallback color,這里也可以使用一張圖片來代替*/ 41 background: rgba(0, 0, 0,0.5); 42 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#80000000,endColorstr=#80000000)"; /*Filter for IE8 */ 43 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#80000000, endColorstr=#80000000); /*Filter for older IEs */ 44 }
---------------------