Heim > Artikel > Web-Frontend > 常见网站CSS样式重置_html/css_WEB-ITnose
常见网站CSS样式重置_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:36:411166Durchsuche
腾讯
1
2
3
4
5
6
7
8
9
body,ol,ul,h 1 ,h 2 ,h 3 ,h 4 ,h 5 ,h 6 ,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{ margin : 0 ; padding : 0 }
body{ font : 12px "宋体" , "Arial Narrow" ,HELVETICA; background : #fff ;-webkit-text-size-adjust: 100% }
a{ color : #172c45 ; text-decoration : none }
a:hover{ color : #cd0200 ; text-decoration : underline }
em{ font-style : normal }
li{ list-style : none }
img{ border : 0 ; vertical-align : middle }
table{ border-collapse : collapse ; border-spacing : 0 }
p{word-wrap:break-word}
百度
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
body,h 1 ,h 2 ,h 3 ,h 4 ,h 5 ,h 6 ,hr,p,blockquote,dl,dt,dd,ul,ol,li, pre ,form,fieldset,legend,button,input,textarea,th,td{ margin : 0 ; padding : 0 }
html{ color : #000 ;overflow-y: scroll ; overflow :-moz-scrollbars-vertical}
body,button,input,select,textarea{ font-size : 12px ; font-family : arial , 'Hiragino Sans GB' , 'Microsoft Yahei' , '微软雅黑' , '宋体' ,\ 5 b 8 b\ 4 f 53 , Tahoma , Arial , Helvetica ,STHeiti}
h 1 ,h 2 ,h 3 ,h 4 ,h 5 ,h 6 { font-size : 100% }
em{ font-style : normal }
small { font-size : 12px }
ul,ol{ list-style : none }
a{ text-decoration : none }
a:hover{ text-decoration : underline }
legend{ color : #000 }
fieldset,img{ border : 0 }
button,input,select,textarea{ font-size : 100% }
table{ border-collapse : collapse ; border-spacing : 0 }
img{-ms-interpolation-mode:bicubic}
textarea{resize:vertical}
. left { float : left }
. right { float : right }
.overflow{ overflow : hidden }
. hide { display : none }
. block { display : block }
. inline { display : inline }
.error{ color : #F00 ; font-size : 12px }
label,button{ cursor : pointer }
.clearfix:after{ content : '\20' ; display : block ; height : 0 ; clear : both }
.clearfix{zoom: 1 }.clear{ clear : both ; height : 0 ; line-height : 0 ; font-size : 0 ; visibility : hidden ; overflow : hidden }
.wordwrap{word-break:break- all ;word-wrap:break-word}
pre .wordwrap{ white-space :pre-wrap}
body{ text-align : center }
body,form{ position : relative }
td{ text-align : left }
img{ border : 0 }
新浪
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
/* 初始化CSS */
html, body, ul, li, ol, dl, dd, dt, p, h 1 , h 2 , h 3 , h 4 , h 5 , h 6 , form, fieldset, legend, img { margin : 0 ; padding : 0 ; }
fieldset, img { border : none ; }
img{ display : block ;}
address, caption , cite, code , dfn, th, var { font-style : normal ; font-weight : normal ; }
ul, ol { list-style : none ; }
input { padding-top : 0 ; padding-bottom : 0 ; font-family : "SimSun" , "宋体" ;}
input::-moz-focus-inner { border : none ; padding : 0 ; }
select, input { vertical-align : middle ; }
select, input, textarea { font-size : 12px ; margin : 0 ; }
input[type= "text" ], input[type= "password" ], textarea { outline-style : none ; -webkit-appearance: none ; }
textarea { resize: none ; }
table { border-collapse : collapse ; }
body { color : #333 ; padding : 5px 0 ; font : 12px / 20px "SimSun" , "宋体" , "Arial Narrow" ,HELVETICA; background : #fff ; /* overflow-y:scroll;*/ }
.clearfix:after { content : "." ; display : block ; height : 0 ; visibility : hidden ; clear : both ; }
.clearfix { zoom: 1 ; }
.clearit { clear : both ; height : 0 ; font-size : 0 ; overflow : hidden ; }
a { color : #666 ; text-decoration : none ; }
a:visited { color : #666 ; }
a:hover, a:active, a:focus { color : #ff8400 ; text-decoration : underline ; }
淘宝
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
body, h 1 , h 2 , h 3 , h 4 , h 5 , h 6 , hr, p, blockquote, dl, dt, dd, ul, ol, li, pre , form, fieldset, legend, button, input, textarea, th, td { margin : 0 ; padding : 0 ; }
body, button, input, select, textarea { font : 12px / 1.5 tahoma, arial , \ 5 b 8 b\ 4 f 53 ; }
h 1 , h 2 , h 3 , h 4 , h 5 , h 6 { font-size : 100% ; }
address, cite, dfn, em, var { font-style : normal ; }
code , kbd, pre , samp { font-family :couriernew, courier , monospace ; }
small { font-size : 12px ; }
ul, ol { list-style : none ; }
a { text-decoration : none ; }
a:hover { text-decoration : underline ; }
sup { vertical-align : text-top ; }
sub { vertical-align : text-bottom ; }
legend { color : #000 ; }
fieldset, img { border : 0 ; }
button, input, select, textarea { font-size : 100% ; }
table { border-collapse : collapse ; border-spacing : 0 ; }
网易
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
html {overflow-y: scroll ;}
body { margin : 0 ; padding : 0 ; font : 12px / 1.5 \ 5 b 8 b\ 4 f 53 , Arial , sans-serif ; /*background:#ffffff;*/ }
div,dl,dt,dd,ul,ol,li,h 1 ,h 2 ,h 3 ,h 4 ,h 5 ,h 6 , pre ,form,fieldset,input,textarea,blockquote,p{ padding : 0 ; margin : 0 ;}
table,td,tr,th{ font-size : 12px ;}
ol,ul { list-style : none ;}
li{ list-style-type : none ;}
img{ vertical-align : top ; border : 0 ;}
h 1 ,h 2 ,h 3 ,h 4 ,h 5 ,h 6 { font-size :inherit; font-weight : normal ;}
address,cite, code ,em,th,i{ font-weight : normal ; font-style : normal ;}
.hx a,.hx em,.fB{ font-weight : bold ;}
.clearfix{*zoom: 1 ;}
.clearfix:after{ display : block ; overflow : hidden ; clear : both ; height : 0 ; visibility : hidden ; content : "." ;}
a { color : #252525 ; text-decoration : none ;}
a:visited { text-decoration : none ;}
a:hover { color : #ba2636 ; text-decoration : underline ;}
a:active { color : #ba2636 ;}
搜狐
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
/* 全局CSS定义 */
body{ font-family : "\5B8B\4F53" , "Arial Narrow" ,HELVETICA; text-align : center ; margin : 0 auto ; padding : 0 ; background : #FFF ; font-size : 12px ; color : #333 ;}
body > div{ text-align : center ; margin-right : auto ; margin-left : auto ;}
div,form,ul,ol,li,span,p{ margin : 0 ; padding : 0 ; border : 0 ;}
img,a img{ border : 0 ; margin : 0 ; padding : 0 ;}
h 1 ,h 2 ,h 3 ,h 4 ,h 5 ,h 6 { margin : 0 ; padding : 0 ; font-size : 12px ; font-weight : normal ;}
ul,ol,li{ list-style : none }
table,td,input{ font-size : 12px ; padding : 0 }
/* 默认链接颜色 */
a{ outline-style : none ; color : #333 ; text-decoration : none }
a:hover{ color : #c00 ; text-decoration : underline ;}
/*清除链接虚框*/
/*a,area {blr:expression(this.onFocus=this.blur()) } for IE
:focus {-moz-outline-style: none; } for Firefox
*/
优酷
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
@charset "utf-8" ;
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{ display : block }
audio,canvas,video{ display :inline- block ;* display : inline ;*zoom: 1 }
audio:not([controls]){ display : none }
html{-webkit-text-size-adjust: 100% ;-ms-text-size-adjust: 100% }
a:focus{ outline : thin dotted #333 ; outline : 5px auto -webkit-focus-ring-color;outline-offset: -2px }
a:hover,a:active{ outline : 0 }
figure{ padding : 0 ; margin : 0 }
sub ,sup{ position : relative ; font-size : 75% ; line-height : 0 ; vertical-align : baseline }
sup{ top : -0.5em }
sub { bottom : -0.25em }
img{ vertical-align : middle ; border : 0 ;-ms-interpolation-mode:bicubic}
button,input,select,textarea{ margin : 0 ; font-size : 100% ; vertical-align : middle }
button,input{* overflow : visible ; line-height : normal }
button::-moz-focus-inner,input::-moz-focus-inner{ padding : 0 ; border : 0 }
button,input[type= "button" ],input[type= "reset" ],input[type= "submit" ]{-webkit-appearance:button; cursor : pointer }
input[type= "search" ]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}
input[type= "search" ]::-webkit-search-decoration,input[type= "search" ]::-webkit-search-cancel-button{-webkit-appearance: none }
textarea{ overflow : auto ; vertical-align : top }
ol,ul,dl{ list-style : none }
body,p,ol,ul,dl{ padding : 0 ; margin : 0 }
a:link,a:visited{ text-decoration : none ; color : #555 }
a:hover{ color : #c31 }
a. white { color : #fff }
a. blue { color : #3399e0 }
美团
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
blockquote,body, code ,dd,div,dl,dt,fieldset,form,h 1 ,h 2 ,h 3 ,h 4 ,h 5 ,h 6 ,input,legend,li,ol,p, pre ,td,textarea,th,ul{ margin : 0 ; padding : 0 }
table{ border-collapse : collapse ; border-spacing : 0 }
fieldset,img{ border : 0 }
address, caption ,cite, code ,dfn,em,var{ font-style : normal ; font-weight : 400 }
li{ list-style : none }
caption ,th{ text-align : left }
h 1 ,h 2 ,h 3 ,h 4 ,h 5 ,h 6 { font-size : 100% }
q:after,q:before{ content : '' }
abbr,acronym{ border : 0 ; font-variant : normal }
sup{ vertical-align : text-top }
sub { vertical-align : text-bottom }
input,select,textarea{ font-family :inherit; font-size :inherit;* font-size : 100% ; font-weight :inherit}
legend{ color : #333 }html{ background-color : #eee }
body{ font : 400 14px / 1.5 "Hiragino Sans GB" , "WenQuanYi Micro Hei" , tahoma , sans-serif ; color : #666 ; background-color : #fff }
a{ color : #2bb8aa ; text-decoration : none }a:hover{ text-decoration : underline }
h 1 ,h 2 ,h 3 ,h 4 ,h 5 ,h 6 { font-family : "Hiragino Sans GB" , " Microsoft YaHei" , "WenQuanYi Micro Hei" , arial , sans-serif ; color : #333 ;-webkit-font-smoothing:antialiased}
input[type=password]{ font-family : arial , sans-serif }
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
@charset "utf-8" ;
/* =reset 网页样式重置
html { font-size:1em;-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight:rgba(0,0,0,0);-webkit-text-size-adjust:none;overflow:-moz-scrollbars-vertical;/*强制firefox出现滑动条*/ }
body { font-size : 0.75em ;}
label { cursor : pointer ;}
a:link, a:visited { text-decoration : none ;}
input:focus { outline : none ; }
input,button,select,textarea{ outline : none ; /*-webkit-appearance:none;*/ /*强制去除表单自带的样式*/ }
textarea{resize: none ; /*-webkit-appearance:none;*/ /*强制去除textarea自带的样式*/ }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset ; } /*利用阴影来填充掉input自动填充色*/
textarea,input,select { background : none ; border : none ; margin : 0 ; padding : 0 ; }
a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center , canvas, caption , cite, code , command, datalist, dd, del, details, dfn, dl, div, dt, em, embed , fieldset, figcaption, figure, font, footer, form, h 1 , h 2 , h 3 , h 4 , h 5 , h 6 , header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, menu, object, ol, output, p, pre , progress, q, s, samp, section, small , span, source, strike, strong, sub , sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt,u, ul, var { margin : 0 ; padding : 0 ;}
article, aside, footer, header, hgroup, nav, section, figure, figcaption { display : block ;} /*html5设置*/
h 1 , h 2 , h 3 , h 4 , h 5 , h 6 , th, td, table, input, button, select, textarea, sub { font-size : 1em ;}
body, input, button, select, textarea, sub { font-family : Arial , sans-serif ;}
em, cite, address, optgroup { font-style : normal ;}
kbd, samp, code { font-family : monospace ;}
img, input, button, select, textarea { vertical-align : middle ; outline : none ;}
ul, ol { list-style : none ;}
img, fieldset { border : 0 ;}
abbr, acronym { cursor : help ; border-bottom : 1px dotted black ;}
table { width : 100% ; border-spacing : 0 ; border : 0 ;}
table th, table td { border : 0 ;}
legend, hr { overflow : hidden ; position : absolute ; top : 0 ; left : 0 ;}
legend, hr, caption { visibility : hidden ; font-size : 0 ; width : 0 ; height : 0 ; line-height : 0 ;}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
html{ height : 100% ;-webkit-text-size-adjust: 100% ;-ms-text-size-adjust: 100% ;-webkit-font-smoothing:antialiased;}
body{ margin : 0 ; padding : 0 ; background-color : #fff ; min-height : 100% ; height : auto !important ; height : 100% ; text-align : center ; color : #404040 ; font : 12px / 1.5 Helvetica , arial ;}
h 1 ,h 2 ,h 3 ,h 4 ,h 5 ,h 6 ,p,figure,form{ margin : 0 ;}
table{ border-collapse : collapse ; border-spacing : 0 ;}
img{ border : 0 ; vertical-align : middle ;-ms-interpolation-mode: bicubic;}
a{ text-decoration : none ; color : #29B4F0 ;}
a:focus { outline : thin dotted ;}
a:hover{ color : #017CB9 ; text-decoration : underline ;}
/* hn */
h 1 { font-size : 16px ; line-height : 36px ;}
h 2 { font-size : 14px ; line-height : 30px ;}
h 3 { line-height : 24px ;}
h 3 ,h 4 ,h 5 ,h 6 { font-size : 12px ;}
/* ul ol dl */
ul,li,ol{ margin : 0 ; padding : 0 ; list-style : none outside none ;}
ul.has-style li,ol li{ margin-left : 25px ;}
ul.has-style li{ list-style : disc ;}
ol li{ list-style : decimal ;}
ul.inline-style li{ float : left ; display : inline ;}
dl{ margin-bottom : 18px ;}
dt{ font-weight : bold ;}
dd{ margin : 0 0 0 9px ; padding : 0 ;}
svg:not(:root) { overflow : hidden ;}
/* clearfix */
.clearfix:before, .clearfix:after { content : "" ; display :table;}
.clearfix:after{ clear : both ; overflow : hidden ;}
.clearfix{zoom: 1 ;}
来自为知笔记(Wiz)