塊級元素會獨佔一行，其寬度自動填滿其父元素寬度。預設的值為auto。
行內元素不會獨佔一行，相鄰的行內元素會排列在同一行裡，直到一行排滿，才會換行，其寬度隨元素的內容自行變化。
塊級元素可以設定內外邊距（margin 和 padding）。
而行內元素的只能設定水平方向的內外邊距。但是豎直方向的內外邊距不起效果。即水平方向有效，豎直方向無效。
css函式calc()可以用在任何乙個需要、,、、、或的地方。有了calc()，你就可以通過計算來決定乙個css屬性的值了。你還可以在乙個calc() 內部巢狀另乙個calc() ，裡面的 calc() 會被簡單地視為加了括號。
我們可以運用加減乘除來計算不同的單元。例如我們可以用百分比減去em值：
.demo// 減號前後必須都有空格解決辦法是使用rgba來做透明度，它將不會影響其子元素（完美）！
設定margin:0 auto;後，元素仍不居中元素仍不居中原因應該是忘記給元素設定width值，
ie下假如對float的元素的父元素使用clear屬性，四周的float元素布局就會混亂。這是ie的聞名的bug，
很多瀏覽器在顯示未指定width的float元素時會有bug。所以不管float元素的內容如何，一定要為其指定width屬性。
另外指定元素時盡量使用em而不是px做單位。
ie在顯示指定了margin和padding的float元素時有bug。因此不要對float元素指定margin和padding屬性(可以在float元素內部巢狀乙個div來設定margin和padding)。也可以使用hack方法為ie指定非凡的值。
假如float元素的寬度之和正好是100%，某些古老的瀏覽器將不能正常顯示。因此請保證寬度之和小於99%。
某些屬性如margin、padding等，不同瀏覽器會有不同的解釋。因此最好在開發前首先將全體的margin、padding設定為0、css列表樣式設定為none等。
我們知道移動端的畫素轉換非常複雜難算，以前大多數人都會使用**查詢來適配不同的裝置螢幕寬，然後使用em做單位，這樣的不足之處是你需要寫很多**查詢，很繁瑣，而且em根據的是父元素的font-size。而rem是相對於根元素來配備，能方便很多。ps：忘掉font-size吧，一切以螢幕的寬度為基準，我保證你會非常爽！
width/10是為了保證10rem佔寬滿屏，不除的話，1rem就等於螢幕寬度了。然後我們只需要動態加上上面的js**，就不需要做各種**查詢就能適配各種裝置寬度。
接下來就是通過視覺稿裡量到的尺寸來適配rem,比如設計稿的螢幕寬是1000px 元素寬為500px，你只需要10/1000*500就能得到多少rem了，是不是很easy。這裡需要說明一下10是10rem，因為這樣方便計算。
處理方法加上 white-space：nowrap；
未完持續更ing....
實用的css3樣式
1.word wrap word wrap normal break word 只在允許的斷字點換行 瀏覽器保持預設處理 斷字 在長單詞或url位址內部進行換行。2.font face internet explorer 9 firefox,chrome,safari,和 opera 支援 woff...
css3樣式有哪些？
2d 轉換 2d 轉換是改變標籤在二維平面上的位置和形狀 移動 translate 旋 rotate 縮放 scale translate 語法 x 就是 x 軸上水平移動 y 就是 y 軸上水平移動 transform translate x,y transform translatex n tr...
CSS3樣式和新特性
css3樣式 1邊框 border radius圓角邊框div border shadow邊框陰影div border image邊框 相容性 div background size div 3字型 font face 擱置 在 css3 之前，web 設計師必須使用已在使用者計算機上安裝好的字型。...