web网站的pc端样式的重置方式
下面是pc端页面的样式重置办法,基本样式如下:
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, button, textarea, p, th, td { margin: 0; padding: 0; } body { background: #eee; font-family: arial, \5FAE\8F6F\96C5\9ED1, sans-serif; font-size: 12px; overflow-x: hidden;} .fwr { font-family: \5FAE\8F6F\96C5\9ED1, sans-serif; } .fst { font-family: \5B8B\4F53, sans-serif; } ul, ol { list-style: none; margin: 0; padding: 0; } dd, dt, dl { margin: 0; padding: 0; } em, i, address { font-style: normal; } fieldset, img { border: 0; } input, textarea, button, select { outline: none; font-family: arial, \5FAE\8F6F\96C5\9ED1, sans-serif; } textarea { font-size: 13px; } a { color: #333; text-decoration: none; } a:hover, a:focus, a:active { color: #ea5413; text-decoration: none; } p, em { font-size: 12px; margin: 0; } b { font-weight: 400; } label { font-size: 12px; font-weight: 400; display: inline; cursor: auto; } dt { font-weight: normal; } textarea:focus, input[type='text']:focus, input[type='password']:focus, input[type='datetime']:focus, input[type='datetime-local']:focus, input[type='date']:focus, input[type='month']:focus, input[type='time']:focus, input[type='week']:focus, input[type='number']:focus, input[type='email']:focus, input[type='url']:focus, input[type='search']:focus, input[type='tel']:focus, input[type='color']:focus, .uneditable-input:focus { outline: none; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } /**,:after, :before { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing:content-box; }*/ .center_block { text-align: center; } .tar { text-align: right; } .tal { text-align: left; } .rel { position: relative; } .abs { position: absolute; } .centerLine { text-decoration: line-through; } .fz24 { font-size: 24px; }
本文作者: Jasmine
本文链接: https://www.jianbaizhan.com/article/644
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 3.0 许可协议。转载请注明出处!