龙空技术网

常见网站的CSS Reset(默认样式)

ET编程 138

前言:

目前咱们对“css样式效果网站”大概比较讲究,我们都需要学习一些“css样式效果网站”的相关文章。那么小编在网上汇集了一些关于“css样式效果网站””的相关知识,希望各位老铁们能喜欢,同学们快快来学习一下吧!

CSS Reset是指样式重置,主要用于清除浏览器里面的默认样式,有利于页面布局。以下总结了一些常见网站使用的默认样式,供大家参考。

淘宝

html {overflow-x:auto;overflow-y:scroll;}body, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, p, blockquote, th, td {font-weight:400;margin:0;padding:0;}h1, h2, h3, h4, h4, h5 {margin:0;padding:0;}body {background-color:#FFFFFF;color:#666666;font-family:Helvetica,Arial,sans-serif;font-size:12px;padding:0 10px;text-align:left;}select {font-size:12px;}table {border-collapse:collapse;}fieldset, img {border:0 none;}fieldset {margin:0;padding:0;}fieldset p {margin:0;padding:0 0 0 8px;}legend {display:none;}address, caption, em, strong, th, i {font-style:normal;font-weight:400;}table caption {margin-left:-1px;}hr {border-bottom:1px solid #FFFFFF;border-top:1px solid #E4E4E4;border-width:1px 0;clear:both;height:2px;margin:5px 0;overflow:hidden;}ol, ul {list-style-image:none;list-style-position:outside;list-style-type:none;}caption, th {text-align:left;}q:before, q:after, blockquote:before, blockquote:after {content:””;}
腾讯
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}
百度
body {font-family:arial,helvetica,sans-serif;font-size:13px;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:normal;line-height:1.4;text-align:center;}body, ul, ol, dl, dd, h1, h2, h3, h4, h5, h6, p, form, fieldset, legend, input, textarea, select, button, th, td {margin:0;padding:0;}h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}table {font-size:inherit;}input, select {font-family:arial,helvetica,clean,sans-serif;font-size:100%;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:normal;line-height:normal;}button {overflow:visible;}th, em, strong, b, address, cite {font-style:normal;font-weight:normal;}li {list-style-image:none;list-style-position:outside;list-style-type:none;}img, fieldset {border:0 none;}ins {text-decoration:none;}
新浪
html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img {    margin: 0;    padding: 0}fieldset,img {    border: 0}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: 0;    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}
京东
* {    margin: 0;    padding: 0}em,i {    font-style: normal}li {    list-style: none}img {    border: 0;    vertical-align: middle}button {    cursor: pointer}a {    color: #666;    text-decoration: none}a:hover {    color: #c81623}
大众版
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {    margin:0;    padding:0;    border:0;    outline:0;    font-size:100%;    vertical-align:baseline;    background:transparent;}h1,h2,h3,h4,h5,h6,em,i {    font-weight: 100;    font-style: normal}ul,ol,li {    list-style-type: none}a {    color: #666;    text-decoration: none;    outline: 0}a:hover {    text-decoration: none}

标签: #css样式效果网站