一個(gè)網(wǎng)站通常由許多的頁(yè)面組成，一個(gè)頁(yè)面也有許多不同的組件，如果沒(méi)有技巧一直悶頭干的話就會(huì)浪費(fèi)大量的時(shí)間。

1.先預(yù)覽設(shè)計(jì)圖，制定公共樣式

在拿到UI設(shè)計(jì)圖之后，要仔細(xì)的瀏覽設(shè)計(jì)圖中常用的字體大小，顏色，及板寬，并將這些樣式引入到公共樣式文件中，而且還需要引入一個(gè)清除樣式的文件。

2.css文件引入順序

css文件引入順序依次為：前端UI插件--清除樣式文件--公共樣式文件--頁(yè)面樣式文件；并且將這些文件放入head標(biāo)簽內(nèi)的title標(biāo)簽之后。

3.避免使用id屬性，盡量避免id屬性在css文件中出現(xiàn)。

在工作中，新手的前端喜歡給標(biāo)簽添加d屬性，并在css中使用id。id是一個(gè)特殊的屬性，規(guī)定了一個(gè)標(biāo)簽獨(dú)一無(wú)二的名稱，如果在一個(gè)頁(yè)面復(fù)用組件中寫(xiě)id的話，那么就需要重新寫(xiě)這個(gè)組件大大增加開(kāi)發(fā)難度，影響開(kāi)發(fā)效率。而且在css中規(guī)定了id屬性的權(quán)重為100，class的權(quán)重是10，標(biāo)簽的權(quán)重為1，這樣也不好修改組件中的樣式。

文章題目：網(wǎng)頁(yè)制作中css需要注意的幾點(diǎn)
轉(zhuǎn)載注明：http://www.rwnh.cn/news16/56266.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供云服務(wù)器、微信小程序、Google、網(wǎng)頁(yè)設(shè)計(jì)公司、品牌網(wǎng)站制作、外貿(mào)網(wǎng)站建設(shè)

廣告

聲明：本網(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)