Line 1: | Line 1: | ||
<html> | <html> | ||
<body> | <body> | ||
− | |||
<style type="text/css"> | <style type="text/css"> | ||
Line 15: | Line 14: | ||
#content { width:100%; padding:0px; margin-top:-10px; margin-left:0px;} | #content { width:100%; padding:0px; margin-top:-10px; margin-left:0px;} | ||
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | ||
+ | |||
+ | /*所有的标签和伪类 before after*/ | ||
+ | *, ::before, ::after { | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | /*移动端特殊的设置*/ | ||
+ | -webkit-tap-highlight-color: transparent; /*清除点击高亮效果*/ | ||
+ | box-sizing: border-box; /*设置所有的盒子的宽度以边框开始计算*/ | ||
+ | -webkit-box-sizing: border-box;/*兼容 webkit 浏览器内核厂商*/ | ||
+ | } | ||
+ | |||
+ | /*去除鼠标选中*/ | ||
+ | .noselect { | ||
+ | -webkit-touch-callout: none; | ||
+ | -webkit-user-select: none; | ||
+ | -khtml-user-select: none; | ||
+ | -moz-user-select: none; | ||
+ | -ms-user-select: none; | ||
+ | user-select: none; | ||
+ | } | ||
+ | |||
+ | /*各浏览器显示不同,去掉边框等默认样式*/ | ||
+ | fieldset, img, input, button { | ||
+ | border: none; | ||
+ | outline-style: none; | ||
+ | } | ||
+ | |||
+ | ul, ol { | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | a { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | a{ text-decoration: none;} | ||
+ | |||
+ | input, textarea { | ||
+ | border: none; | ||
+ | outline: none; | ||
+ | resize: none; /*防止拖动 影响布局*/ | ||
+ | /*特殊的属性定义 清除浏览器给input自带的样式*/ | ||
+ | -webkit-appearance: none; /*将组件默认的样式设置为空*/ | ||
+ | } | ||
+ | |||
+ | img { | ||
+ | vertical-align: middle; | ||
+ | display: block; /*清除img默认间隔*/ | ||
+ | } | ||
+ | |||
+ | table { | ||
+ | border-collapse: collapse; | ||
+ | } | ||
+ | |||
+ | /*清除浮动*/ | ||
+ | .clearfix:before, .clearfix:after { | ||
+ | content: ""; | ||
+ | display: table; | ||
+ | } | ||
+ | .clearfix:after { | ||
+ | clear: both; | ||
+ | } | ||
+ | .clearfix { | ||
+ | *zoom: 1; /*IE/7/6*/ | ||
+ | } | ||
+ | |||
+ | /*废物利用*/ | ||
+ | s, i, em { | ||
+ | font-style: normal; | ||
+ | text-decoration: none; | ||
+ | } | ||
</style> | </style> |
Revision as of 14:24, 22 July 2017