html5公共样式css,前端常用公共CSS样式(PC+移动)

html,body {font-family:"Microsoft YaHei","Helvetica Neue",Arial,HelveticaNeue,Helvetica,"BBAlpha Sans",sans-serif;font-weight:400;-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; height: 100%; width: 100%;-webkit-overflow-scrolling : touch;-webkit-touch-callout:none;}

/* 去除元素自带padding和margin */

body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, footer, header, nav{ margin: 0; padding: 0; }

/* 去除列表自带圆点 */

li {list-style:none}

/* 去除a链接下划线 */

a {text-decoration:none;outline:0;color:#000;}

/* 移动端点击a链接出现蓝色背景问题解决 */

a:link,a:active,a:visited,a:hover { background: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; }

/* 去除图片自带的边框 */

img{border:0}

/* 设置表单元素的文字字体 */

input,select,textarea,button{font-family:inherit;}

/* 设置HTML5元素为块 */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

/*去除点击高亮效果*/

a,button,input,select,img,label{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}

/*去掉苹果的默认UI来渲染按钮*/

input[type="submit"],input[type="reset"],input[type="button"],button,select{-webkit-appearance:none;}

你可能感兴趣的:(html5公共样式css)