reset.css是重置瀏覽器標簽的樣式表,其作用就是重新定義標簽樣式,覆蓋瀏覽器的CSS默認屬性,也就是指把瀏覽器提供的默認樣式覆蓋掉。
十多年的延慶網(wǎng)站建設(shè)經(jīng)驗,針對設(shè)計、前端、開發(fā)、售后、文案、推廣等六對一服務(wù),響應(yīng)快,48小時及時工作處理。全網(wǎng)整合營銷推廣的優(yōu)勢是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同,自動調(diào)整延慶建站的顯示方式,使網(wǎng)站能夠適用不同顯示終端,在瀏覽器中調(diào)整網(wǎng)站的寬度,無論在任何一種瀏覽器上瀏覽網(wǎng)站,都能展現(xiàn)優(yōu)雅布局與設(shè)計,從而大程度地提升瀏覽體驗。創(chuàng)新互聯(lián)公司從事“延慶網(wǎng)站設(shè)計”,“延慶網(wǎng)站推廣”以來,每個客戶項目都認真落實執(zhí)行。
推薦:《css視頻教程》
reset.css 重置瀏覽器標簽的樣式表。
在HTML標簽在瀏覽器里有默認的樣式,例如 p 標簽有上下邊距,strong標簽有字體加粗樣式,em標簽有字體傾斜樣式。不同瀏覽器的默認樣式之間也會有差別,例如ul默認帶有縮進的樣式,在IE下,它的縮進是通過margin實現(xiàn)的,而Firefox下,它的縮進是由padding實現(xiàn)的。在切換頁面的時候,瀏覽器的默認樣式往往會給我們帶來麻煩,影響開發(fā)效率。
所以解決的方法就是一開始就將瀏覽器的默認樣式全部去掉,更準確說就是通過重新定義標簽樣式?!案采w”瀏覽器的CSS默認屬性。最最簡單的說法就是把瀏覽器提供的默認樣式覆蓋掉!這就是CSS reset。
重置作用
因為瀏覽器的品種很多,每個瀏覽器的默認樣式也是不同的,比如<button>標簽,在IE瀏覽器、Firefox瀏覽器以及Safari瀏覽器中的樣式都是不同的,所以,通過重置button標簽的CSS屬性,然后再將它統(tǒng)一定義,就可以產(chǎn)生相同的顯示效果。
內(nèi)容
最簡單的CSS Reset內(nèi)容寥寥幾行就能完成:
* { padding: 0; margin: 0; border: 0; }
(但由于性能較低,不推薦使用)
這個方法讓所有的選擇器的padding、margin和border都設(shè)置成0。也有內(nèi)容更多的,比如YUI的CSS Reset內(nèi)容:
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre, form,fieldset,input,textarea,p,blockquote,th,td { padding: 0; margin: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset,img { border: 0; } address,caption,cite,code,dfn,em,strong,th,var { font-weight: normal; font-style: normal; } ol,ul { list-style: none; } caption,th { text-align: left; } h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%; } q:before,q:after { content:''; } abbr,acronym { border: 0; } 以及國外名人Eric Meyer的CSS Reset V1.0|200802內(nèi)容: 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, font, 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; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before,blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0;} /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } Eric Meyer V2.0|20110126 [1] 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;}
大家可以看得出來,這些內(nèi)容方法不同,但功能大同小異,都是起到重置的作用,所以說CSS Reset是根據(jù)個人需求不同可以按需自定義的。
本文題目:reset.css是什么
標題網(wǎng)址:http://www.rwnh.cn/article36/cpjdpg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)頁設(shè)計公司、網(wǎng)站制作、面包屑導航、服務(wù)器托管、定制網(wǎng)站、品牌網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)