CSS的10條重要原則

2021-08-30 21:25:41 字數 1151 閱讀 9938

發現國外的css玩家總結得還不錯。這裡翻譯一下,作為以後自己的開發箴言:

1.盡量保持css簡單

這個簡單主要指的是不要使用css hack,這是非常危險的,儘管hack可以暫時解決一下不相容的問題,但是後期的維護可以用可怕來形容。

2.讓css命令保持在一行。

例如:good

bad

h2

3.盡量使用縮寫。

例如:margin-top:1em;

margin-right:0;

margin-bottom:2em;

margin-left:0.5em;

but this is much more efficient:

margin:1em 0 2em 0.5em;

4.讓box元素自然的填充空白

也就是說,讓div這類框模型的元素,要麼設定寬度,要麼用margin和padding來讓它自己把空白填滿,而不必額外使用其它的命令。

5.使用clear的float來清除浮動

使用浮動布局是一種非常合理的布局方法,但是浮動是需要clear的,不然就可以造成布局混亂,clear浮動最好的辦法就是在浮動的框最下端加乙個clear的框。

6.使用負margin

布局錯位,是任何人都無法避免的。如果出現這種問題,請使用負margin.

7.使用css來達到居中的目的

經典的margin:0 auto;和text-align:center是居中布局的良藥,請記住它。例如:

#container

注:其中text-align:center是為了讓ie適應。

8.使用正確的doctype宣告

doctype的宣告決定了瀏覽器解析的行為,這個要根據css**和html**的規範程度來決定,如果嚴格則使用strict,否則使用過渡的模式。

9.居中每乙個元素,請使用css

居中乙個元素的辦法有很多,最好的還是用css技巧。請參加:

10.充分的利用text-transform命令

用它來達到大小寫的目的,可以減少很多伺服器端的工作。

設計推薦系統的10條原則

2009 年 acm 推薦系統大會上 strand 研究人員做了乙個報告 推薦系統十堂課 在這個報告中 strand 的研究人員總結了他們設計推薦系統的經驗,提出了10條在設計推薦系統中學習到的經驗和教訓 確定你真的需要推薦系統。推薦系統只有在使用者遇到資訊過載時才必要。如果你的 物品不太多,或者使...

面試成功的五條最重要原則!

1 你是公司未來的有利資產。你需要傳遞給企業這個資訊 你擁有幫助企業實現預期目標的潛在能力,你是公司的寶貴資產而非包袱。2 明確的職業目標。具有積極自我成長概念,努力進取,並充滿旺盛的事業心與鬥志,能迅速進入工作狀態的人,更易為企業賞識和任用。3 強烈的工作意願。面試時要隨時保持對工作的高度熱誠與興...

五條非常重要的CSS技巧

今天向大家介紹另外五條非常重要的css技巧,可能有重複,大家多多理解這些知識一定有收益。一 影象替換文字 header h1 a 看得懂這個嗎?我看到很多們都logo都只是用代替,而沒有鏈結。其他,只需要更簡單的方法,利用影象替換文字的方法,顯示logo,並擁有鏈結。各個值的功能display bl...