成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

PC和移動(dòng)端的CSS重置樣式表

wmui / 1473人閱讀

摘要:自己一直在用并不斷完善的重置樣式表,直接放到項(xiàng)目里面可讓瀏覽器樣式基本統(tǒng)一,現(xiàn)分兩個(gè)版本,針對(duì)不同平臺(tái)作出優(yōu)化。端地址移動(dòng)端地址

自己一直在用并不斷完善的重置樣式表,直接放到項(xiàng)目里面可讓瀏覽器樣式基本統(tǒng)一,現(xiàn)分兩個(gè)版本,針對(duì)不同平臺(tái)作出優(yōu)化。

PC端
html{font-family:"Microsoft YaHei UI","Microsoft YaHei",sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
html,body,div,object,iframe,applet,object,h1,h2,h3,h4,h5,h6,p,blockquote,pre,address,dl,dt,dd,ol,ul,li,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,menu,nav,output,ruby,section,summary,time,mark,audio,video,progress{margin:0;padding:0;border:0;vertical-align:baseline}
li{list-style:none}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background-color:transparent;text-decoration:none}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
h1{font-size:2em;margin:.67em 0}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;outline:none;line-height:normal}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
textarea{overflow:auto}
optgroup{font-weight:bold}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}

CDN地址:http://cdn.ccwebsite.com/reset-css/1.2.2/pc/reset.min.css

移動(dòng)端
html{font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
html,body{-webkit-user-select:none;user-select:none;}
html,body,div,object,iframe,applet,object,h1,h2,h3,h4,h5,h6,p,blockquote,pre,address,dl,dt,dd,ol,ul,li,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,menu,nav,output,ruby,section,summary,time,mark,audio,video,progress{margin:0;padding:0;border:0;vertical-align:baseline}
a{text-decoration:none;-webkit-touch-callout:none;background-color:transparent}
li{list-style:none}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
h1{font-size:2em;margin:.67em 0}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
img{border:0;-webkit-touch-callout:none;}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
a,button,input,optgroup,select,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;-webkit-appearance:none;outline:none;line-height:normal}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
textarea{overflow:auto}
optgroup{font-weight:bold}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}

CDN地址:http://cdn.ccwebsite.com/reset-css/1.2.2/mobile/reset.min.css

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/115018.html

相關(guān)文章

  • 淺談pc移動(dòng)端的響應(yīng)式

    摘要:淺談和移動(dòng)端的響應(yīng)式身為一個(gè)前端攻城獅,是不是經(jīng)常遇到各種各樣的響應(yīng)式問(wèn)題下面我們來(lái)說(shuō)一下響應(yīng)式跟自適應(yīng)有什么區(qū)別有些人可能還不知道響應(yīng)式跟自適應(yīng)的區(qū)別甚至認(rèn)為他們是同一個(gè)東西其實(shí)不是的自適應(yīng)是最早出現(xiàn)的,后面才有了響應(yīng)式。 淺談pc和移動(dòng)端的響應(yīng)式 身為一個(gè)前端攻城獅,是不是經(jīng)常遇到各種各樣的響應(yīng)式問(wèn)題?下面我們來(lái)說(shuō)一下: 1.響應(yīng)式跟自適應(yīng)有什么區(qū)別? 有些人可能還不知道響應(yīng)式跟自...

    Soarkey 評(píng)論0 收藏0
  • 淺談pc移動(dòng)端的響應(yīng)式

    摘要:淺談和移動(dòng)端的響應(yīng)式身為一個(gè)前端攻城獅,是不是經(jīng)常遇到各種各樣的響應(yīng)式問(wèn)題下面我們來(lái)說(shuō)一下響應(yīng)式跟自適應(yīng)有什么區(qū)別有些人可能還不知道響應(yīng)式跟自適應(yīng)的區(qū)別甚至認(rèn)為他們是同一個(gè)東西其實(shí)不是的自適應(yīng)是最早出現(xiàn)的,后面才有了響應(yīng)式。 淺談pc和移動(dòng)端的響應(yīng)式 身為一個(gè)前端攻城獅,是不是經(jīng)常遇到各種各樣的響應(yīng)式問(wèn)題?下面我們來(lái)說(shuō)一下: 1.響應(yīng)式跟自適應(yīng)有什么區(qū)別? 有些人可能還不知道響應(yīng)式跟自...

    princekin 評(píng)論0 收藏0
  • 淺談pc移動(dòng)端的響應(yīng)式

    摘要:淺談和移動(dòng)端的響應(yīng)式身為一個(gè)前端攻城獅,是不是經(jīng)常遇到各種各樣的響應(yīng)式問(wèn)題下面我們來(lái)說(shuō)一下響應(yīng)式跟自適應(yīng)有什么區(qū)別有些人可能還不知道響應(yīng)式跟自適應(yīng)的區(qū)別甚至認(rèn)為他們是同一個(gè)東西其實(shí)不是的自適應(yīng)是最早出現(xiàn)的,后面才有了響應(yīng)式。 淺談pc和移動(dòng)端的響應(yīng)式 身為一個(gè)前端攻城獅,是不是經(jīng)常遇到各種各樣的響應(yīng)式問(wèn)題?下面我們來(lái)說(shuō)一下: 1.響應(yīng)式跟自適應(yīng)有什么區(qū)別? 有些人可能還不知道響應(yīng)式跟自...

    iamyoung001 評(píng)論0 收藏0
  • 淺談pc移動(dòng)端的響應(yīng)式

    摘要:響應(yīng)式布局等于流動(dòng)網(wǎng)格布局,而自適應(yīng)布局等于使用固定分割點(diǎn)來(lái)進(jìn)行布局。如下圖所示,對(duì)于同一個(gè)頁(yè)面圖中的,如果用響應(yīng)式布局來(lái)處理的話,用不同設(shè)備電腦平板手機(jī)去訪問(wèn)此頁(yè)面,最后看到的布局和內(nèi)容有很大不同。身為一個(gè)前端攻城獅,是不是經(jīng)常遇到各種各樣的響應(yīng)式問(wèn)題?下面我們來(lái)說(shuō)一下: 1.響應(yīng)式跟自適應(yīng)有什么區(qū)別? 有些人可能還不知道響應(yīng)式跟自適應(yīng)的區(qū)別,甚至認(rèn)為他們是同一個(gè)東西,其實(shí)不是的. 自適應(yīng)...

    番茄西紅柿 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<