web网站的pc端样式的重置方式

作者:Jasmine - 2020年05月07日

下面是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 许可协议。转载请注明出处!


 请勿发布不友善或者负能量的内容。审查将对发布广告等违规信息进行处罚!