網CSS碩士15項有效技能

　　這里有數以千計的網站提供使用CSS的提示和提示。但是你怎么知道這些信息是從哪里來的呢 誰說要寫這些；提示；誰知道他們在說什么 據你所知，可能是有人不知道CSS代表什么，更不用說如何有效使用了。

　　但以下網站生產專家并非如此。眾所周知，他們掌握CSS并與之同行。閱讀他們的提示和技巧，從避免黑客到理解盒子模型。

　　彼得保羅科赫：避免CSS黑客隨著網頁設計的發展，無限嵌套的表已經成為無限復雜的CSS黑客。在許多情況下，CSS黑客使用另一個bug來解決問題，而不是用** 穩定的方法來修復它。當瀏覽器的下一個版本發布時，它可能不會修復或修復兩個bug，或者可能修復一個而不是另一個bug。在任何情況下，你的黑客很可能** 終無法工作或不再需要。

　　為了使樣式表盡可能簡短，不要重復指定選擇器的** 小數目。換句話說，您真的需要指定UL和Li嗎 為什么不指定UL 對于其他可能嵌套的元素也是如此。只需指定頂層，其余的繼承樣式。

　　Roger Johansson：指定基于EM的布局的** 大寬度來創建一個彈性布局，而不指定除** 大寬度以外的任何單位，這是一個讓人非常不舒服的快速方法網站。當訪問者增加文本的大小時，布局會變得更寬。但是當他們增加一個或兩個電磁單位的大小時會發生什么呢 你的版面越來越寬，很快他們就不得不水平滾動來閱讀整行內容。請指定** 大寬度以避免此問題，并使您的站點更易于使用。

　　特雷弗戴維斯：設置一個一致的基本字體大小。通過將基本字體大小設置為62.5%，** 終字體大小為10像素。這使得1 EM等于10像素。1.2 EM等于12像素。它簡化了所有選擇器中的字體大小。

　　丹·塞德霍爾姆：使用負邊距可以大大簡化代碼。與其為一個或多個元素指定正邊距，為什么不指定多個負邊距 它使您的樣式表更短更復雜。

　　Ben henick:除非上下文鼓勵，否則不要添加標記。當從基于表的布局轉換時，許多設計人員嘗試添加許多容器元素。但CSS則不同。避免這種情況的一種方法是在設計之前進行思考，就像您首先關注信息一樣。嘗試使用div和跨內容元素來實現共同目的，或者對多個頁面進行分類和復制。

　　忘記為內容創建單獨的打印機友好頁面。使用CSS為文檔創建特定于媒體的樣式。打印機友好的樣式表很容易創建，避免了設計師在常規和打印機友好的版本中遇到的問題。畢竟，使用這種方法，您根本不需要接觸頁面標簽。

　　沃爾夫岡·巴特爾梅：中心和CSS對于剛開始使用CSS的人來說，有時似乎不可能全神貫注于整體網站。但這確實是可能的，而且其實相對容易實現。

　　特倫頓：隨著越來越多的人主要通過移動設備瀏覽網頁，使用特定于移動設備的樣式表時，確保網站給訪問者優化很重要。盡管大多數手持設備將呈現合理使用標準CSS的頁面，但仍不在3Prime中；屏幕上** 好的用戶體驗。為優化移動用戶體驗創建單獨的移動樣式表。

　　chriscoyier：正確使用CSS overflow屬性CSSoverflow屬性有四個不同的值：hidden、visible、scrolling和automatic。通過了解每一個站點的功能和行為，您可以為您的站點布局打開更多的選項。

　　伊桑·馬科特：用CSS，尤其是CSS創建流體網格的想法可能會讓很多網頁設計師不寒而栗。但這是可能的，而且肯定比用表創建它們要好。

　　Jonathan Snook：使用CSS速記是簡化和縮短樣式表的另一種方法。不要為每個頁邊距（左頁邊距、右頁邊距、上頁邊距、下頁邊距）分別聲明樣式，而是一次聲明所有四種樣式。其他元素（如字體、邊框或背景）也是如此。

　　克里斯·科伊爾：理解CSS框

　　CSS中的所有元素都是矩形框。填充、邊距、高度、寬度和邊框都與這些矩形交互。真正了解這些東西是如何相互作用的將使設計師的生活更輕松。

　　Roger Johansson：注意隱藏的東西CSS

　　當你想在你的頁面上隱藏一個元素時，使用“hide”；顯示：否“；但問題是，這個特定的聲明意味著元素的內容被完全隱藏，它們不會被打印、顯示或說出來。這可能會導致使用屏幕閱讀器而不是瀏覽網站時出現問題。在用戶執行某個操作（可能是JavaScript）之前，如果您想隱藏某些內容，它也會導致問題。

　　彼得保羅科赫：知道什么時候使用嚴格的模式或古怪的模式。

　　嚴格模式和古怪模式適用于現代瀏覽器用來解釋的兩種不同方式CSS。通過了解每個人都在做什么，然后為您的設計實施正確的方法，您可以極大地改進站點的功能