DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS3基礎 >> 1.1 CSS3是什麼?
1.1 CSS3是什麼?
編輯:CSS3基礎     

一、CSS3簡介

CSS3

對於沒接觸過CSS3的讀者,看到CSS3的第一反應就是“CSS3跟CSS有什麼區別呢?”其實CSS3是CSS的升級版本。CSS是從CSS1.0、CSS2.0、CSS2.1和CSS3.0這幾個版本一直升級而來,其中CSS2.1是CSS2.0的修訂版,CSS3.0是CSS的最新版本(了解CSS版本問題也是非常必要的)。

我們平常所說的CSS其實指的是CSS2.1,而CSS3特指相對CSS2.1“新增加的屬性”。

CSS3.0相對於CSS2.1來說,新增了很多屬性和方法,最典型的就是圓角、變形與動畫等。在CSS2.1中,為標簽設置圓角是一件很頭疼的事情,實現動畫效果也是通過jQuery等實現。

CSS3具有以下強大的功能:

(1)選擇器;

(2)文本效果:如文字陰影text-shadow屬性、嵌入字體@font-face等;

(3)顏色效果:如RGBA顏色、不透明度opacity等;

(4)邊框效果:如邊框圓角border-radius、邊框陰影box-shadow等;

(5)背景效果:如背景大小background-size、背景切片background-clip等;

(6)CSS3變形:如位移translate()、縮放scale()等;

(7)CSS3過渡:如過渡屬性transition-property、過渡時間transition-duration;

(8)CSS3動畫:

(9)多列布局;

(10)彈性盒子模型;

(11)用戶界面:如調整元素尺寸resize屬性、外輪廓線outline屬性;

CSS3最大的好處是:以前需要使用圖片或者JavaScript來實現的效果,現在只需要幾句CSS代碼就能搞定。

對於CSS系列,站長從不同人群角度劃分為CSS入門教程、CSS進階教程與CSS3教程,其中CSS入門教程和CSS進階教程針對的是CSS2.1,而CSS3教程針對的是“新增加的屬性”。。CSS3教程是前端的高級教程,大家還是打好基礎再來學習哈,不然就出現一堆疑問,這樣學得啥意思都沒有。在這個教程中,站長不會對過於基礎的知識花費過多篇幅去講解,小伙伴們有空去找找度娘就可以了。CSS3教程需要你有一定的HTML和CSS基礎。以下是先修課程:

HTML入門教程

CSS入門教程

即使你是前端高手了,我相信 學習網中的HTML入門教程、CSS入門教程這些教程同樣有值得你去挖掘的地方,因為裡面的知識已經系統化了,並且加入了大量的編程技巧與思想。

二、後話

無論是互聯網,還是市場上的書籍,關於CSS3方面的教程並非很多。當然精品的也有幾個,例如《CSS3實戰》成林著、《HTML5與CSS3權威指南》陸凌牛著。其他的都是寫得比較生澀難懂,不夠系統化,或者某些地方說得不明不白。

CSS3教程花費了helicopter差不多一個月的時間來編寫,元氣大傷。這個教程都是結合自己心血經驗並且參考了大量教程與書籍來編寫的,力求呈現 學習網的精品品質。這個教程跟以往教程一樣,不僅僅給大家講解知識,更多的是把一些思想與經驗分享給大家。

當然,由於教程的編寫、校驗等都是鄙人一人之力完成,錯漏之處難免。大家平常在學習過程中,如果發現錯漏的話,還希望大家在該文章下方的評論中批評指出,以方便站長改正,從而把教程做得更好。精品教程不僅僅是helicopter一人功勞,更是廣大綠友的功勞。希望大家一如既往地關注和支持 學習網!

不知不覺,我已經出了7個教程,包括初稿估計寫了幾十萬字,而且所有教程都是精品。同樣,教程也是一如既往地免費跟大家分享,相信大家也知道只有 學習網才有這樣的福利。如果大家覺得helicopter的這些分享值得的話,有空請站長喝杯咖啡吧。

贊助 學習網
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved