為什么在開始制作網(wǎng)頁(yè)之前總是要引入一各名為resat.css文件？做過從事過網(wǎng)頁(yè)制作小伙伴都知道這是一個(gè)樣式重置文件，但是還是有一部分人只知道它可以重置html標(biāo)簽中的樣式，不知道他還有另外一個(gè)作用。今天我們就來聊一聊這個(gè)resat文件。
這個(gè)resat.css文件一般都是由自己編寫或者網(wǎng)上搜集然后整合到一起的一個(gè)文件。這個(gè)文件不僅包含了HTML的樣式重置，而且還有一些特殊功能的封裝如清除浮動(dòng)。那為什么要清除這些樣式呢？在前端開發(fā)中，有很多標(biāo)簽的樣式是在實(shí)際開發(fā)過程中是用不到的，所以就要求有一個(gè)文件能夠?qū)@些無用的樣式進(jìn)行清除，從而才有了這個(gè)文件。比如說無序列表中每一條列表的前面又有一個(gè)小黑點(diǎn)，這個(gè)樣式對(duì)于前端開發(fā)來說根本就是一點(diǎn)作用都沒有，而且還嚴(yán)重影響頁(yè)面的美觀性，所以就需要重置掉這個(gè)樣式；還有比如a標(biāo)簽，a標(biāo)簽自帶下滑線，四大狀態(tài)的a標(biāo)簽都自帶下劃線，而且a標(biāo)簽在網(wǎng)頁(yè)中屬于常用的一個(gè)行內(nèi)標(biāo)簽，所以總不可能在每次給a標(biāo)簽寫樣式的時(shí)候都給它把下劃線去掉吧，那么這就又用到了resat文件。
resat.css文件還有個(gè)作用是提高瀏覽器的兼容性。因?yàn)橛行g覽器默認(rèn)有些塊級(jí)元素自帶邊距，而有些瀏覽器默認(rèn)塊級(jí)元素沒有自帶邊距包括瀏覽器對(duì)加粗的渲染問題等。為了解決這樣的問題，則需要給所有的塊級(jí)元素定義邊距為0，和部分有自帶加粗樣式的標(biāo)簽取消加黑使得瀏覽器達(dá)到統(tǒng)一。這就變相的解決了瀏覽器的兼容問題。
resat.css文件寫入清除浮動(dòng)，浮動(dòng)布局是前端頁(yè)面布局中常用的布局方式，因?yàn)橐鉀Q浮動(dòng)布局中引發(fā)的底部的內(nèi)容與浮動(dòng)元素重合的問題，所以清除浮動(dòng)是網(wǎng)頁(yè)制作中常用的一個(gè)東西，使用清除浮動(dòng)可以很好的解決浮動(dòng)所帶來的各種問題。
以上兩點(diǎn)就是resat文件主要的功能，通過項(xiàng)目的實(shí)際應(yīng)用來重置樣式既可以減少一系列不必要出現(xiàn)的問題，而且可以大大的增加開發(fā)效率。