網(wǎng)頁(yè)制作之:resat文件

2016-10-27    分類: 網(wǎng)站建設(shè)

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

網(wǎng)頁(yè)題目:網(wǎng)頁(yè)制作之:resat文件
本文鏈接:http://www.muchs.cn/news48/54848.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供軟件開(kāi)發(fā)面包屑導(dǎo)航、動(dòng)態(tài)網(wǎng)站、網(wǎng)站設(shè)計(jì)外貿(mào)網(wǎng)站建設(shè)、App設(shè)計(jì)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

微信小程序開(kāi)發(fā)