HTML5页面CSS Reset

it2025-12-26  11

/*------------------*//*reset*//*------------------*/* {box-sizing: border-box; -webkit-tap-highlight-color: rgba(0,0,0,0);}html { font-family: "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}

body { margin: 0; line-height: 1.5; color: #333333; background-color: white; height: 100%; overflow-x: hidden; -webkit-overflow-scrolling: touch;}body,dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6,pre, code, form, fieldset, legend, input, textarea,p, blockquote, th, td, hr, button,article, aside, details, figcaption, figure, footer, header, menu, nav, section { margin: 0; padding: 0; border: 0;}a { background: transparent; text-decoration: none; -webkit-tap-highlight-color: transparent; color:orange;}sa:active { outline: 0;color:crimson;}.bui-icon, address, cite, dfn, em, i, var { font-style: normal;}/* 按钮文本不可选 */button {user-select: none;}img {vertical-align: middle;}/* 加载不出来的图片不要显示灰色边框 */img:not([src]),img[src=""] {opacity: 0;}ul, ol {list-style: none;}table {border-collapse: collapse; border-spacing: 0;}input, select, button, textarea {font-size: 100%; font: inherit;}html, body {height: 100%; overflow-x: hidden;}

/*清除浮动*/clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; } .clearfix:after { clear: both; }

@media screen and (min-width: 320px) {html{font-size:50px;}}@media screen and (min-width: 360px) {html{font-size:56.25px;}}@media screen and (min-width: 375px) {html{font-size:58.59375px;}}@media screen and (min-width: 400px) {html{font-size:62.5px;}}@media screen and (min-width: 414px) {html{font-size:64.6875px;}}@media screen and (min-width: 440px) {html{font-size:68.75px;}}@media screen and (min-width: 480px) {html{font-size:75px;}}@media screen and (min-width: 520px) {html{font-size:81.25px;}}@media screen and (min-width: 560px) {html{font-size:87.5px;}}@media screen and (min-width: 600px) {html{font-size:93.75px;}}@media screen and (min-width: 640px) {html{font-size:100px;}}@media screen and (min-width: 680px) {html{font-size:106.25px;}}@media screen and (min-width: 720px) {html{font-size:112.5px;}}@media screen and (min-width: 760px) {html{font-size:118.75px;}}@media screen and (min-width: 800px) {html{font-size:125px;}}@media screen and (min-width: 960px) {html{font-size:150px;}}

转载于:https://www.cnblogs.com/jeremyguo/p/9474317.html

相关资源:CSS中常用的 reset.css文件
最新回复(0)