開場白css3相對於css2引入了很多的新的css屬性和特效，利用css3實現了原來需要加入js才能模擬的效果，因此前端效能提高了很多。
各大瀏覽器廠商包括ie都逐漸的加大對css3 html5的支援，移動web前端的火熱形式也對html5 css3起到了極大的推動作用。
一、快捷的css3樣式選擇方式//tbody下的奇數tr
body > .maintable table tbody:nth(odd).even{}的樣式。或者後端給動態的**的資料行，動態的新增相應的樣式。
其實你就該想想使用css3特性了，如利用css3的nth可以直接定位到第幾個元素、奇數或偶數元素。
二、不用實現漂亮的按鈕border-radius:邊框圓角效果
box-shadow:盒子陰影效果 做個好看的button 不同的瀏覽器需要相容 寫法
border-image:邊框
text-shadow:文字陰影
linear-gradient: 線性漸變也需要相容寫法 以下寫法中引數無非就是從什麼方向變到什麼方向（左到右、上到下，左上到右下...），顏色變化（可以設定多個顏色點），還有透明度
有了以上基礎就可以做很漂亮的按鈕了。請看以下**。
核心的css樣式（主要運用以上特性）：
.button來個效果圖吧.button:active
/* the styles for the grey button */
.grey
.grey:hover
.grey:active
/* the styles for the yellow button */
.yellow
.yellow:hover
.yellow:active html
download
download
download
完整展示demo，猛戳這裡
結束語您有收穫嗎？
希望我沒有浪費您的時間。
謝謝您的耐心閱讀。
如有錯誤及時更正。
CSS你學會了嗎
css樣式 1 文字域內容解析換行，解析換行符 white space pre wrap 2 全域性黑白色 須在html上設定 html 3 水平垂直居中 center 水平垂直居中 span div 預設初始化樣式 body center 1 line height水平垂直居中 父節點固定px高度...
函式的遞迴呼叫，你 學會了嘛？
在呼叫乙個函式的過程 現直接呼叫和間接呼叫該函式，稱為函式的遞迴呼叫，這是c語言的乙個特點。include int age1 int n o n else tmp age n 1 2 return tmp age 1 第乙個人的年齡 age 2 第二個人的年齡 age 3 第三個人的年齡 age 4...
CSS的23個垂直居中技巧，你都學會了嗎？
網頁css的垂直居中需求始終沒有停過，而其困難度也始終沒有讓人輕鬆過，經過了每位開發先烈的研究後，據說css的垂直居中技巧已達到近十種之多，但始終鮮為人知，部分公司甚至將css的垂直居中技巧當成面試題，其重要性可見一斑。在不斷探索，發現中，css的垂直居中的方式竟然能達到23種，大家可以看看自己熟知...