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

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

為什么在開始制作網(wǎng)頁之前總是要引入一各名為resat.css文件?做過從事過網(wǎng)頁制作小伙伴都知道這是一個(gè)樣式重置文件,但是還是有一部分人只知道它可以重置html標(biāo)簽中的樣式,不知道他還有另外一個(gè)作用。今天創(chuàng)新互聯(lián)就來聊一聊這個(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)重影響頁面的美觀性,所以就需要重置掉這個(gè)樣式;還有比如a標(biāo)簽,a標(biāo)簽自帶下滑線,四大狀態(tài)的a標(biāo)簽都自帶下劃線,而且a標(biāo)簽在網(wǎng)頁中屬于常用的一個(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àn)橐鉀Q浮動(dòng)布局中引發(fā)的底部的內(nèi)容與浮動(dòng)元素重合的問題,所以清除浮動(dòng)是網(wǎng)頁制作中常用的一個(gè)東西,使用清除浮動(dòng)可以很好的解決浮動(dòng)所帶來的各種問題。以上兩點(diǎn)就是resat文件主要的功能,通過項(xiàng)目的實(shí)際應(yīng)用來重置樣式既可以減少一系列不必要出現(xiàn)的問題,而且可以大大的增加開發(fā)效率。

名稱欄目:網(wǎng)頁制作之:resat文件
文章出自:http://www.bm7419.com/news/54848.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站制作、網(wǎng)站營銷、網(wǎng)站設(shè)計(jì)公司、商城網(wǎng)站網(wǎng)站內(nèi)鏈、云服務(wù)器

廣告

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

h5響應(yīng)式網(wǎng)站建設(shè)