CSS 代碼質量提高的10條實用技巧

PC教程網】關于CSS 代碼質量提高的10條實用技巧_什么書能提高代碼質量介紹:回頭去看自己寫的CSS代碼,你很容易就可以發現那些代碼都亂成一團了,可能是因為你還沒有規劃好就開始馬馬虎虎虎地亂寫一通,或者是你的代碼夾雜了太多的Hack代碼,還可能是因為,下面小編為您針對CSS 代碼質量提高的10條實用技巧進行分享:

 回頭去看自己寫的CSS代碼,你很容易就可以發現那些代碼都亂成一團了,可能是因為你還沒有規劃好就開始馬馬虎虎虎地亂寫一通,或者是你的代碼夾雜了太多的Hack代碼,還可能是因為那些代碼改動太過頻繁了。 

       不管出于是什么原因,我們都應該認真考慮怎么寫好CSS代碼,讓那些代碼能夠更加簡潔、易于控制、易于維護。

參考下面這10點心得去實踐可以讓你不會再那么頭痛CSS代碼該怎么寫。

1.保持代碼井井有條 
       永遠不要隨隨便便地想到一個id、class就一股腦把代碼寫下去,這樣寫出來的代碼非常難維護也不好擴展,所以應該先考慮如何組織結構更加清晰的CSS代碼,以便更好地利用CSS繼承的特性。 

       記住,最常見的元素一定要先聲明,再聲明具體的某個元素。這樣可以讓讓具體某個元素繼承那些已經聲明過的屬性,也可以讓你在需要的時候修改特定的屬性。這種結構的CSS代碼易于閱讀,更符合邏輯結構。 

       結構化編寫CSS代碼可以讓自己以后能夠輕松維護那些代碼(或者讓替你擦屁股的人松一口氣)。可以參考下面這樣的結構:
reset
鏈接、預定義類型
總體布局
二級布局
表單
各種其他元素……

 
上一頁12 3 下一頁

相關教程

高質量PHP代碼的50個實用技巧必備(下)

接著上篇 《高質量PHP代碼的50個實用技巧必備(上)》 繼續研究。 26. 避免直接寫SQL, 抽象之 不厭其煩的寫了太多如下的語句: span style="color:#333333;font-family:''Helvetica, Arial, sans-serif'';"$ …

WinForm中的幾個實用技巧匯總

本文匯總了幾個WinForm中常見的實用技巧,對于C#程序開發有著很好的參考借鑒價值。具體分析如下: 一、屏蔽窗體右上角關閉按鈕 1.重寫OnClosing protected override void OnClosing(CancelEventArgs …

MySQL查詢優化的5個實用技巧

本文總結分析了MySQL查詢優化的技巧。分享給大家供大家參考,具體如下: 熟悉SQL語句的人都清楚,如果要對一個任務進行操作的話,SQL語句可以有很多種相關寫法,但是不同的寫法查 …

智能調整Win7系統聲音的三個實用技巧

夜深人靜時關機,最怕的就是那一段關機音樂,要是趕上個安裝更新,電腦頻繁自動重啟,那就更慘了。其實,稍作設置就可以拒絕尷尬情況的發生: 手工關閉系統開、關機聲音 Windo …

用CSS代碼輕松Diy你的網頁滾動條

在瀏覽網頁的時候我們有時可以看到有的網頁滾動條顏色不是系統默認的,而是漂亮的紅色或其它顏色,其實這就是在網頁代碼之間加入代碼來實現的,具體是哪些代碼呢? 網頁滾動條 …

【經驗總結】編寫JavaScript代碼時應遵循的14條規律

本文講述了編寫JavaScript代碼時應遵循的14條規律。分享給大家供大家參考,具體如下: 1. 總是使用 ‘var' 在javascript中,變量不是全局范圍的就是函數范圍的,使用”var”關鍵詞將是保 …

CSS中行高line-height屬性的一些使用技巧

CSS中行高line-height屬性的一些使用技巧

先來回顧一下line-height的基礎知識: 語法: line-height : normal | 實數 | 長度 | 百分比 | inherit 說明: 設置元素中行的高度。 值: normal:默認行高,一般為1到1.2; 實數:實數值,縮放因子 …

一波CSS高級實用技巧小結

使用 :not() 在菜單上應用/取消應用邊框 先給每一個菜單項添加邊框 CSS Code 復制內容到剪貼板 /*addborder*/ .navli{ border-right : 1px solid #666 ; } 然后再除去最后一個元素 CSS Code 復制內容到剪貼 …

内蒙古十一选五任五推荐号