淘寶全局樣式(CSS),屬于前端開發(fā)的基礎(chǔ)內(nèi)容之一。在淘寶的前端工程師視野中,所謂的全局樣式主要就是指reset.css和base.css,其中reset.css是用來對瀏覽器默認(rèn)樣式進(jìn)行重置的,相當(dāng)于對不同瀏覽器的統(tǒng)一處理;而base.css則是淘寶前端自己開發(fā)的一個(gè)東西,主要包含了在淘寶中經(jīng)常使用到的樣式定義。
/* reset.css */ html, body, div, span, 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 {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;} /* base.css */ /* 統(tǒng)一設(shè)置margin和padding */ .f-l .ui-switch { margin:0; padding:0; list-style:none } /* 參數(shù)文字描述 */ .params-text{ width: 60px; display: inline-block; color: #333; margin-right: 10px; vertical-align: middle; line-height: 28px; font-size:14px; }
上面是reset.css和base.css中的一部分代碼。其中,reset.css中定義了常用HTML標(biāo)簽的默認(rèn)樣式,而base.css中則包含了一些常用的樣式。在實(shí)際開發(fā)中,我們可以在這兩個(gè)文件基礎(chǔ)之上繼續(xù)開發(fā),例如定義按鈕的樣式、調(diào)整整站字體大小和顏色等等。
總之,淘寶全局樣式的作用就是在前端開發(fā)中提高開發(fā)效率,讓整站的樣式一致性得到保證。