• 技术文章 >web前端 >html教程

    常见网站CSS样式重置_html/css_WEB-ITnose

    2016-06-24 11:36:41原创509
    腾讯

    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)

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    上一篇:html浏览器显示乱码_html/css_WEB-ITnose 下一篇:div内iframe无法自适应宽度_html/css_WEB-ITnose
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【腾讯云】年中优惠,「专享618元」优惠券!• Div+CSS布局入门教程(1)页面布局与规划_html/css_WEB-ITnose• 第 9 章 音频和视频_html/css_WEB-ITnose• HTML中meta标签作用及属性总结_html/css_WEB-ITnose• 浏览器得到地址栏的相关信息_html/css_WEB-ITnose• web开发中比较常用的html标签_html/css_WEB-ITnose
    1/1

    PHP中文网