盒陰影（box shadow）屬性幾乎可以運用在任何元素上，它們看起來都非常好看。下面這段**主要聚焦內層陰影的設計。
#mydiv下面介紹一段外層陰影**設計，注意，**裡的第三個引數表示模糊距離（blur distance），而第四個引數表示鋪開的（spread）距離。關於這些值的設計，你可以前往 w3schools學習。
#mydiv在網頁裡新增固定的頁尾其實非常簡單，並且也很實用。有些**的頁尾設計得很漂亮，可以給**呈現出乙個完美的結尾。
#footer/*ie 6
*/* html #footer
.bg有時開發者需要對html元素設定最小高度，然而，這個效果卻無法相容ie和老版本的firefox，下面這段**可以修復這個問題。/*1px gif method
*/img, .png
#container下面的這段**重寫了瀏覽器的預設行為，可以讓chrome和safari瀏覽器下普通的表單輸入框產生發光效果。
input[type=text], textarea input[type=text]:focus, textarea:focus網頁中有許多item在點選時，滑鼠不會變成小手的形狀。這套css選擇器會強迫滑鼠越過一些關鍵元素和其他物件一起來使用.pointer這個類。
a[href], input[type='submit'], input[type='image'], label[for], select, button, .pointer簡單地把下面這段**拷貝到頁面裡，它會在body元素之前產生黑色的，漸漸變淡的陰影。這種效果通常用來給乙個文字框或網頁元素加陰影。
body:before效果圖如下：
下面這段**建立了css3按鈕類，並根據按鈕顏色命名為.graybtn。當然你也可以根據自己的**風格對顏色進行更改。
.graybtn .graybtn:hover .graybtn:active
ul.box ul.box li ul.box li:before,效果如下：ul.box li:after ul.box li:after
css3裡的許多屬性都與瀏覽器相相容，但也有特例，比如opacity，需要對它進行一些更新才可以。附加過濾屬性可以相容任何老版的ie瀏覽器。
.transparent許多css開發者都非常熟悉圓角語法，但如何為每個角設定不同的值？不如看看下面這段**吧！
#container/*alternative syntax broken into each line
*/#container
a:link a:visited a:hover a:active
html相對於內容在水平位置，內容在垂直方向是不好把控的，尤其當考慮到滾動條這些因素時。這段純css**可以很好的工作。
.container這段**將確保你的html元素總是稍微高於瀏覽器滾動條所停留的位置。
html當使用者在瀏覽許多行資料時，很難分清哪乙個單元格是屬於哪一行的。預設情況下，通過新增斑馬線，使用者可以給奇偶行更新不同的背景色。
tbody tr:nth-child(odd)
CSS實用小技巧
1 不要使用過小的做背景平鋪。這就是為何很多人都不用 1px 的原因，這才知曉。寬高 1px 的平鋪出乙個寬高 200px 的區域，需要 200 200 40,000 次，占用資源。2 無邊框。推薦的寫法是 border none 哈哈，我一直在用這個。border 0 只是定義邊框寬度為零，但邊框...
CSS實用技巧
做豆瓣的時候模仿豆瓣的正在熱映的列表做的乙個樣式，效果及 如下 最主要的就是要在在父元素設定white space nowrap 來保證子元素強制不換行 之前我們寫這樣的了能就是為子元素設定width 100 height 100 其實也可以使用如下的寫法 parent 也就是說子元素不設定高度和寬...
CSS實用技巧
做豆瓣的時候模仿豆瓣的正在熱映的列表做的乙個樣式，效果及 如下 最主要的就是要在在父元素設定white space nowrap 來保證子元素強制不換行 之前我們寫這樣的了能就是為子元素設定width 100 height 100 其實也可以使用如下的寫法 parent 也就是說子元素不設定高度和寬...