《精彩絕倫的css》筆記《一》

Laughing發表於2019-02-16

《精彩絕倫的css》 讀書筆記:
1、不同瀏覽器預設樣式不同,就需要在開頭重置樣式,最簡單的方式是:*{ margin:0;padding:0} 通用做法是:meyerweb.com/eric/tools/reset; 這樣做的目的是為了讓我們在寫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-size: 100%;
        font: inherit;
        vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
        display: block;
}
body {
        line-height: 1;
}
ol, ul {
        list-style: none;
}
blockquote, q {
        quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
        content: ``;
        content: none;
}
table {
        border-collapse: collapse;
        border-spacing: 0;
}

相關文章