- /===== 清除默认的 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 值 /
来源: http://www.qdfuns.com/article/49514/13b5c6a71fb91f6de68337b0e9eaca1b.html