本文目錄導(dǎo)讀：

1. 重置CSS

如何恢復(fù)網(wǎng)頁的原始樣式？

在網(wǎng)頁設(shè)計(jì)和開發(fā)中，CSS（層疊樣式表）是一種非常重要的技術(shù)，它可以讓網(wǎng)頁更加美觀、易用，有時(shí)候我們需要恢復(fù)網(wǎng)頁的原始樣式，以便更好地展示內(nèi)容或者進(jìn)行調(diào)試，如何去除所有的樣式呢？

重置CSS

***簡單的方法是重置CSS，將網(wǎng)頁的樣式恢復(fù)到瀏覽器默認(rèn)的狀態(tài)，可以通過在HTML文檔的頭部添加以下代碼來實(shí)現(xiàn)：

<style>
    body, html {
        margin: 0;
        padding: 0;
    }
    div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, 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 {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        vertical-align: baseline;
    }
    table {
        border-collapse: collapse;
        border-spacing: 0;
    }
    caption {
        text-align: left;
    }
    h1 {
        font-size: 2em;
    }
    h2 {
        font-size: 1.5em;
    }
    h3 {
        font-size: 1.17em;
    }
    h4 {
        font-size: 1em;
    }
    h5 {
        font-size: 0.83em;
    }
    h6 {
        font-size: 0.67em;
    }
    q:before {
        content: "'";
    }
    q:after {
        content: "'";
    }
    blockquote {
        margin-left: 40px;
        margin-right: 40px;
    }
    pre {
        white-space: pre;
    }
    pre code {
        display: block;
        white-space: pre;
    }
    var {
        font-style: italic;
    }
    a img {
        border: none;
    }
    hr {
        height: 1px;
        border: none;
        border-top: 1px solid #000;
    }
    input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="tel"], input[type="url"], input[type="datetime"], input[type="number"], select {
        border: 1px solid #000;
        padding: 2px;
        font-size: 1em;
    }
    input[type="submit"], input[type="reset"], input[type="button"], button {
        border: 1px solid #000;
        padding: 2px 10px;
        font-size: 1em;
    }
    input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="tel"], input[type="url"], input[type="datetime"], input[type="number"], select, input[type="submit"], input[type="reset"], input[type="button"], button {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    table.highlight { /* for tables */ } /* no borders */ } /* no margins */ } /* no padding */ } /* no backgrounds */ } /* no shadows */ } /* no rounded corners */ } /* no gradients */ } /* no reflections */ } /* no drop shadows */ } /* no color */ } /* no text decoration */ } /* no letter spacing */ } /* no line height */ } /* no font size */ } /* no font family */ } /* no text transform */ } /* no text indent */ } /* no list style */ } /* no box shadow */ } /* no border radius */ } /* no background position */ } /* no background repeat */ } /* no background size */ } /* no box flex */ } /* no box align */ } /* no box pack */ } /* no transform */ } /* no transition */ } /* no animation */ } /