通過網頁設計師的大量css經驗，我們會記住所有種**語法，相容性和片段。有一些特定的css，可以真正幫助改變你的**設計改變較舊的技術規則和宣告。這裡是我收集到的很有用的10條css規則
@media screen and (max-width: 960px)如果需要支援老版本的瀏覽器，那你就必須堅持使用css1的**描述符screen和print，到底是哪些老版本的瀏覽器，沒有查。它們是相互排斥的，因此在為螢幕顯示而生成頁面的時候，瀏覽器會忽略掉列印樣式表，反之亦然。所以，每個樣式表都需要包含相同的樣式選擇器，但是有不同的規則宣告，以便為不同的輸出裝置分別生成頁面樣式。
1css3支援 background-size這一屬性，只需要這樣簡單的一行**就實現了日益流行的全背景影象效果body
@font-face@font-face 能夠載入伺服器端的字型檔案，讓客戶端顯示客戶端所沒有安裝的字型。【微軟的ie 5已經是開始支援這個屬性，但是只支援微軟自有的.eot (embedded open type) 格式，而其他瀏覽器直到現在都沒有支援這一字型格式。然而，從safari 3.1開始，網頁重構工程師已經可以設定.ttf(truetype)和.otf(opentype)兩種字型做為自定義字型了。】比方用谷歌的webfonts或typekit
#container
margin: 0 auto;這是你在布局時最常用的也是經常第乙個用到的css**片段. 新增margin: 0 auto;就可以在父類元素居中並且轉換成塊元素，如果發現沒有居中，那可能忘記定義div的寬度了
.container通常你要解決浮動的問題會想到clear:both，但是overflow: hidden不僅僅侷限於隱藏溢位，他還可以清除浮動
.clearfix:after對於那些浮動
溢位：隱藏;不起作用的情況下，最好的辦法是clearfix技術。記住，你不必定義clearfix類的名稱，您可以針對此**到您的任何html元素
.btnpng影象用於建立任何一種透明的效果，但現在可以到另乙個實現css透明度的方法使用rgba顏色模式建立的。在十六進製制值的地方使用rgba讓你選擇一種顏色，使用它的紅色，綠色和藍色通道，以及α水平，如0.5，設定透明度為50％。
input[type="text
"]
input[type="text"]這是乙個很常用的css技巧，他不需要額外定義類名稱，選擇在特定的屬性是非常有用的造型元素，就可以應用到任何的input元素
.title在css3中，用transform功能可以實現文字或影象的旋轉、縮放、傾斜、移動這四種型別的變形，這四種變形分別使用rotate、scale、skew和translate這四種方法來實現 目前瀏覽器支援情況：safari 3.1+、 chrome 8+、firefox 4+、opera 10+、ie9+?
a
當聚焦a標籤的時候，在a標籤的區域周圍會有乙個虛線的框，這個框不同於border的是，它是不占有任何寬度的。當你取消焦點的時候，這個虛線框就會自然消失。你可以通過遨遊、火狐或者ie的幾個版本看到。而safari、opera、goole瀏覽器等本身就不支援這個效果，所以看不到。下面是outline的樣子示例，也是我正在做的乙個頁面上擷取出來的。定義outline: none;就可以實現取消這個線條
優秀設計師應該知道的10大UI設計原則（上篇）
優秀的設計師之所以被稱為優秀，除了他們設計的成果能給人帶來滿意的效果之外，最重要的一點，我想是他們獨有的一些方法和經驗給夠支撐他們走向優秀，這一點正是那些剛做設計師所要學習的。那麼要想成為乙個優秀的設計師，要把握那些設計原則呢？以下是那些優秀的設計師總結的一些設計原則，希望能為那些初入行的設計師可以...
每個UX設計師都應該會的10項技能
ux設計從業者的背景通常各不相同，而ux設計這個行當本身也足夠多元化。ux設計師需要有相對豐富的知識背景，工作過程中牽涉到不同的環節，和不同專長的同事搭配，完成不同的任務，最終為產品帶來可用 一致的 令人愉悅的體驗。雖然根據不同的專案需求，ux設計師需要具備的技能不盡相同，但是為了達成這一目標，ux...
給新手設計師的10條建議
以下的內容應該同時適用於網際網路企業和設計諮詢公司。關乎觀念轉換，關乎身在兵位胸為帥謀。01.不要等待別人的指令，再也沒有老師來布置任務和檢查作業了。這個是我接觸到的每乙個新人剛來的時候共通的狀態，任務做完了就開始發呆，等著被要求檢查 作業 但事實上你的每乙個舉動都在和周圍的每個人展示你的 能力 都...