2014-12-30 分類(lèi): 網(wǎng)站建設(shè)
如何優(yōu)化你的CSS
保持你的CSS文件小是非常重要的,特別是如果你打算花任何時(shí)間修改您的網(wǎng)站在未來(lái),(如果別人要使用的代碼,即客戶(hù)端)。有益,有許多可以被利用,以幫助你的CSS文件的組織和大小.
具有更精簡(jiǎn)的CSS將幫你節(jié)省時(shí)間和應(yīng)力,得到它的權(quán)利是很重要的。
首先,保持一個(gè)單一的樣式表,通常稱(chēng)為style.css,是一個(gè)在你的CSS組織開(kāi)始的好地方。有一個(gè)樣式表的大多數(shù)(如果不是全部的話(huà))你的網(wǎng)站可以讓一切放在一起,使編輯過(guò)程更加簡(jiǎn)化。
為了保持你的CSS文件更加精簡(jiǎn)是開(kāi)始用一個(gè)好的代碼編輯器,如TextWrangler在Mac,或記事本+ +在Windows。這有一些關(guān)鍵的好處。以及使用方便,程序如TextWrangler也顏色代碼的不同部分的代碼有助于在編碼過(guò)程。這對(duì)于確保每個(gè)風(fēng)格你定義拼寫(xiě)正確的風(fēng)格不會(huì)改變顏色,除非它是公認(rèn)的TextWrangler作為一個(gè)CSS樣式是非常有用的。標(biāo)簽是TextWrangler允許你保持打開(kāi)多個(gè)文件同時(shí)使交叉檢查更容易的另一個(gè)很好的特點(diǎn)。
進(jìn)一步精簡(jiǎn)你的CSS文件,這是一個(gè)好主意,建立一套整個(gè)布局,CSS樣式表的應(yīng)用。也許,最常用的方法是定義id或class(使用#或。然后分別)一個(gè)開(kāi)放的括號(hào){依次縮進(jìn)新行開(kāi)始造型,等:
通過(guò)這種常用的技術(shù),你的樣式表將更有組織和更容易的代碼如下。下面的技巧將確保你的布局在你的CSS文件是一致的輔助。
任何網(wǎng)站的一些CSS ID和類(lèi)應(yīng)用可以很容易地接觸到大量的,因此,你的CSS樣式表是組織重要的。有一個(gè)技巧,是非常有用的,他們出現(xiàn)在網(wǎng)站本身為了您的ID和類(lèi)。例如;將CSS樣式表對(duì)頂部和底部的頁(yè)腳樣式頁(yè)眉樣式。保持這種一致的所有你的網(wǎng)站的代碼,當(dāng)你打開(kāi)一個(gè)樣式表,你創(chuàng)造了你會(huì)知道到哪里去找到你要編輯的風(fēng)格。
同時(shí),為了進(jìn)一步援助組織的名字你的風(fēng)格元素,如頁(yè)眉、頁(yè)腳,側(cè)邊欄明顯的名字是明智的、主要內(nèi)容等,你可以找出每一件造型是指,進(jìn)一步協(xié)助組織。如果元素變化的目的,雖然,確保他們的名字反映了變化;有一個(gè)名為標(biāo)題,在頁(yè)面的底部可以變得非?;靵y,使排序位置更艱巨的任務(wù)。
除了保持你的樣式表更有組織,使用2技術(shù)可以很容易變得凌亂,這種技術(shù)也有助于造型的樣式表在一個(gè)輕松的部署方式 無(wú)不同版本的創(chuàng)作(復(fù)制和粘貼而不是改變號(hào)碼和刪除舊的造型)。
然而,在CSS的評(píng)論非常有用也是牢記樣式表的大小和長(zhǎng)度和平衡同樣重要。評(píng)論不應(yīng)該占用更多的空間比實(shí)際的CSS;他們應(yīng)該簡(jiǎn)明扼要。它也要牢記這一點(diǎn)關(guān)系到不同版本的重要。你真的需要所有的版本你已經(jīng)保存在你的樣式表?你能拯救一個(gè)重復(fù)的樣式嗎?在你的樣式表的樣式有多版本可以變得撲朔迷離,考慮替代方案是至關(guān)重要的,如節(jié)約重復(fù)的文件。
結(jié)論
遵循這些簡(jiǎn)單的技術(shù)可以創(chuàng)造更好的組織和更小的CSS文件,方便瀏覽和編輯,無(wú)論是現(xiàn)在和未來(lái)為自己和你的客戶(hù)。
創(chuàng)新互聯(lián)設(shè)計(jì)文章推薦:
中文通用域名 中文.cn域名 成都域名注冊(cè)
網(wǎng)站負(fù)載均衡
本文題目:如何優(yōu)化你的CSS
分享URL:http://jinyejixie.com/news/20527.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站制作、網(wǎng)站策劃、用戶(hù)體驗(yàn)、軟件開(kāi)發(fā)、品牌網(wǎng)站建設(shè)、虛擬主機(jī)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容