1. 全局樣式重置

main.scss文件插入 @import "compass/reset"; 對(duì)應(yīng)的生成css為 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font: inherit;font-size: 100%;vertical-align: baseline; }html {line-height: 1; }ol, ul {list-style: none; }table {border-collapse: collapse;border-spacing: 0; }caption, th, td {text-align: left;font-weight: normal;vertical-align: middle; }q, blockquote {quotes: none; } q:before, q:after, blockquote:before, blockquote:after {content: "";content: none; }a img {border: none; }article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block; }

2. HTML5樣式重置

main.scss文件 @import "compass/reset/utilities"; @include reset-html5; css為 article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block; }

3. Compass文檔中其他樣式重置

樣式重置混合器作用reset-box-model移除元素的內(nèi)外邊距和邊框reset-font重置文字的字號(hào)和基線reset-focus移除瀏覽器提供的輪廓線（比如Safari給<input>元素加上的那一圈線）reset-table和reset-table-cell重置表格的邊框和對(duì)齊方式reset-quotation為<blockquotes>添加僅存在于樣式表中的雙引號(hào)

詳細(xì)內(nèi)容請(qǐng)到compass官網(wǎng)查看

總結(jié)

以上是生活随笔為你收集整理的Compass样式重置的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。