免费观看又色又爽又黄的小说免费_美女福利视频国产片_亚洲欧美精品_美国一级大黄大色毛片

CSS開發(fā)中的十大錯(cuò)誤用法-創(chuàng)新互聯(lián)

自從接觸前端軟件開發(fā)以來,我發(fā)現(xiàn)開發(fā)猿一直在努力征服著CSS。
理由也很充分,開發(fā)人員是用邏輯思考的生物。

成都創(chuàng)新互聯(lián)成立與2013年,是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司,擁有項(xiàng)目網(wǎng)站設(shè)計(jì)制作、網(wǎng)站設(shè)計(jì)網(wǎng)站策劃,項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢(mèng)想脫穎而出為使命,1280元溧水做網(wǎng)站,已為上家服務(wù),為溧水各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:028-86922220

添加一個(gè)DIV元素導(dǎo)致所有代碼都不得不往下移一行,而另一個(gè)DIV“浮”到左側(cè),感覺沒有任何意義。

你也一定聽到過開發(fā)人員的抱怨:

“我們只需要向左邊移動(dòng)五個(gè)像素,但是…天哪!為什么整個(gè)都向下移動(dòng)了一行。到底是哪里錯(cuò)了?!?!?!”

所以,這篇文章就和大家來聊一聊CSS中的十大錯(cuò)誤的做法。

1.不要濫用類

在有意義的地方使用ID而不要使用類。這是一個(gè)使得瀏覽器能夠更快訪問DOM元素的方法。

2.不要把一切都扔進(jìn)一個(gè)CSS文件中

分區(qū)CSS使其更易于管理。每一個(gè)CSS文件都可以分解成例如header.css、footer.css等邏輯組件。

3.不要害怕開發(fā)工具

現(xiàn)在的每個(gè)瀏覽器都有自己的一套開發(fā)工具,通常是按F12。這些工具在“調(diào)試CSS”時(shí)至關(guān)重要。

4.不要忘記注釋

注釋在CSS中非常重要,可用來理解每個(gè)樣式如何與其他樣式關(guān)聯(lián)以及什么顏色方案適用于哪些組件。

5.不要命名選擇器為“.red-with-green-dashed-lines”(紅綠虛線)

根據(jù)頁面上的組件命名你的選擇器。例如:“header-left”,“content-title”或“content-date”更具描述性。

6.不要濫用 !很重要

CSS的整體思路是,從一個(gè)到另一個(gè)地“層疊”樣式。 !重點(diǎn)是要記住排雷一樣地踏遍所有早先的樣式。

7.不要讓CSS過于“臃腫”

空格會(huì)占用CSS文件的空間空間。由于我們都希望CSS能夠快速加載,因此在部署到網(wǎng)站之前最好使用CSS壓縮工具來一次瘦身。

8.不要使用大量網(wǎng)絡(luò)字體

有些人喜歡自己排版。只在網(wǎng)站上使用一個(gè)或兩個(gè)(最多三個(gè))網(wǎng)絡(luò)字體,然后回歸到瀏覽器默認(rèn)設(shè)置,以保持網(wǎng)站的優(yōu)化。

9.不要手動(dòng)編碼所有的CSS

為了保持CSS的DRY,可以使用CSS預(yù)處理程序例如LESS或SASS。使用這些預(yù)處理器的大好處是,你可以定義變量,例如在上面定義配色方案,然后重復(fù)使用到所有CSS,而不必當(dāng)你需要修改的時(shí)候追蹤每個(gè)顏色。

10.不要害怕覆蓋

當(dāng)然,CSS框架,例如Bootstrap和Foundation都較為巨大,但每一個(gè)都需要根據(jù)你的需要做出一點(diǎn)調(diào)整。當(dāng)你得到一個(gè)更新的框架時(shí),它將覆蓋你的改變。與其深入挖掘龐大的CSS文件,還不如創(chuàng)建一個(gè)bootstrap-overrides.css文件,按照你的意愿調(diào)整框架。

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì),專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

當(dāng)前名稱:CSS開發(fā)中的十大錯(cuò)誤用法-創(chuàng)新互聯(lián)
文章轉(zhuǎn)載:http://m.newbst.com/article0/hsiio.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供App設(shè)計(jì)手機(jī)網(wǎng)站建設(shè)品牌網(wǎng)站建設(shè)品牌網(wǎng)站設(shè)計(jì)用戶體驗(yàn)Google

廣告

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

成都定制網(wǎng)站建設(shè)