css 默認規則

/*===== 清除默認的margin的屬性值 =====*/
body,
blockquote,
dd,
dl,
figure,
form,
p,
pre,
h1,
h2,
h3,
h4,
h5,
h6 {margin:0;}

/*===== 統一設置列表的margin和padding,以及列表表形式 =====*/
menu,
ul,
ol {list-style:none;margin:0;padding:0;}

/*===== 全局定義字體以及頁面背景 =====*/
body {line-height:1.5;background-color:#FFFFFF;}
body,h1,h2,h3,h4,h5,h6,input,button,select,textarea {font-size: 18px;} /* 設置字體大小 */
input[type="button"],
input[type="submit"],
input[type="reset"] {font-size: 16px;} /* 設置字體大小,這部分跟前面寫在一塊兒,IE6中會無效 */

/*===== 字體控制 =====*/
body,
input,
button,
select,
optgroup,
option,
textarea,
pre {font-family: Arial, Roboto, 'Droid Sans', 'Hiragino Sans GB', 'Microsoft YaHei', 'Simsun', STXihei, 'sans-serif';}

/*===== 設置iframe的背景色以及去除個別瀏覽器iframe底部的幾個像素 =====*/
iframe {background-color:#FFFFFF;vertical-align:middle;}

/*===== 設置文本連接樣式 =====*/
a {color:#000000;}
a:hover {text-decoration:underline;color:#FF0000;}

/*===== 去除個別瀏覽器圖片底部的幾個像素,以及設置圖片形式連接無邊框 =====*/
img {vertical-align:middle;}
a img {border:0 none;}

/*===== 設置表單元素的樣式 =====*/
fieldset {margin:0;padding:0;}
legend {color:windowtext;} /* 設置表單域部分的字體顏色爲系統窗體文本顏色 */
button,
input.ie6 {overflow:visible;padding:.1em .25em;cursor:pointer;} /* 儘可能統一按鈕的大小,鑑於IE6不支持【屬性選擇符】,因此使用一個類名來控制 */
input[type="button"],
input[type="submit"],
input[type="reset"] {overflow:visible;padding:.1em .25em;cursor:pointer;} /* 儘可能贊成按鈕的大小,若是採用input方式作的按鈕 */
input[type="text"],
select,
textarea {background-color:#FFFFFF;} /* 統一文本輸入框、下拉、文本框的背景色,避免被用戶設置系統顏色而破壞頁面色彩 */
select {border:1px inset;} /* 統一下拉的邊框 */
textarea {overflow:auto;vertical-align:text-bottom;*vertical-align:auto;border:1px solid;resize:vertical;} /* 滾動條爲auto,與周邊的元素對齊方式,其中hack部分是IE6&7中vertical-align影響範圍清除,resize爲上下可拉動,避免左右拉動破壞頁面佈局,若有須要能夠設置爲none */

/*===== 設置表格元素的樣式 =====*/
table {border-spacing:0;} /* 合併表格的間隙,去掉單元格之間的間距,若有須要合併單元格爲細線表格,可增長 border-collapse:collapse; */
td, th, caption {padding:0;} /* 去除單元格以及caption表頭的padding值 */
相關文章
相關標籤/搜索