CSS3 教程

閱讀(2623.3k) 收藏贊(613)

CSS3 是最新的 CSS 標(biāo)準(zhǔn)。我們的 CSS3 教程向您講解 CSS3 中的新特性。

CSS3使用了層疊樣式表技術(shù)，可以對(duì)網(wǎng)頁(yè)布局、字體、顏色、背景燈效果做出控制。css3作為css的進(jìn)階版，拆分和增加了盒子模型、列表模塊、語(yǔ)言模塊、背景邊框、文字特效、多欄布局等等。

CSS3的改變有很多，增加了文字特效，豐富了下劃線樣式，加入了圈重點(diǎn)的功能。在邊框方面，有了更多的靈活性，可以更加輕松地操控漸變效果和動(dòng)態(tài)效果等等。在文字效果方面，特意增加了投影。

CSS3在兼容上做了很大的功夫，并且網(wǎng)絡(luò)瀏覽器也還將繼續(xù)支持CSS2，因此原來(lái)的代碼不需要做太多的改變，只會(huì)變得更加地輕松。

溫馨提示：如果您想通過(guò)邊學(xué)邊練的方式學(xué)習(xí)CSS，那么請(qǐng)您移步CSS3微課！

如果您覺(jué)得CSS的學(xué)習(xí)難度較高，不易理解，建議您采用視頻教程進(jìn)行學(xué)習(xí)：CSS3視頻課程

學(xué)習(xí)CSS3，自然是要搭配著html5以及javascript一起進(jìn)階，這樣才能夠更加全面地掌握到建站技術(shù)。

css3

本書知識(shí)點(diǎn)

Modernizr,HTML5/CSS3 特性檢測(cè)庫(kù)：http://modernizr.cn/
CSS3 transform(變形)和transform-origin(變形原點(diǎn))調(diào)試工具：http://www.o2fo.com/tools/index?name=css3_transform
CSS3 Text Stroke(文本描邊)和text-fill-color(文本填充色)調(diào)試工具：http://www.o2fo.com/tools/index?name=css3_textstroke
CSS3 border-radius(圓角)效果在線調(diào)試工具：http://www.o2fo.com/tools/index?name=css3_borderradius
CSS3 Text Shadow(文本陰影)效果在線調(diào)試工具：http://www.o2fo.com/tools/index?name=css3_textshadow
CSS3 Box Shadow(陰影)效果在線調(diào)試工具：http://www.o2fo.com/tools/index?name=css3_boxshadow
Firefox的Linear Gradients (線性漸變)在線調(diào)試工具：http://www.o2fo.com/tools/index?name=moz_LinearGradients