《圖解CSS3》學習記錄(01-概述)

CSS3規(guī)范重復了部分CSS的內(nèi)容,并在其基礎(chǔ)上進行了很多增補和修改。

CSS3新特征:

1、強大的CSS3選擇器;

2、創(chuàng)建特殊的視覺效果(圓角,陰影,漸變背景,半透明,圖片邊框等);

3、背景添加了多個屬性值(background-origin,background-clip,background-size);

4、盒子模型的變化(CSS3彈性盒子);

5、多列布局和彈性盒模型布局(Flexible Box);?

6、Web字體和Web Font圖標(@font-face);

7、顏色與透明度(HSL,HSLA,RGBA);

8、盒容器的變形(2D,3D);

9、CSS3過渡與動畫效果(translation,animation);

10、媒體特性與響應式布局;

使用CSS3的好處:

1、讓你的網(wǎng)站更加炫酷,使網(wǎng)站設(shè)計錦上添花。

2、減少開發(fā)與維護的成本。減少為了實現(xiàn)圓角與陰影等效果時,圖片的使用和添加、嵌套多余的元素;同時使用CSS3實現(xiàn)動畫或者過渡效果,減少了Javascript代碼的數(shù)量。

3、提高頁面性能。當頁面上嵌套的元素,圖片等資源減少,用戶打開網(wǎng)頁時需要加載的內(nèi)容就越少,打開網(wǎng)站的速度就越快,更少的圖片,腳本以及flash文件可以減少HTTP請求的數(shù)目,

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

  • 1、屬性選擇器:id選擇器 # 通過id 來選擇類名選擇器 . 通過類名來選擇屬性選擇器 ...
    Yuann閱讀 1,756評論 0 7
  • 選擇qi:是表達式 標簽選擇器 類選擇器 屬性選擇器 繼承屬性: color,font,text-align,li...
    wzhiq896閱讀 2,126評論 0 2
  • 選擇qi:是表達式 標簽選擇器 類選擇器 屬性選擇器 繼承屬性: color,font,text-align,li...
    love2013閱讀 2,441評論 0 11
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 14,167評論 1 92
  • 新晉3%:芳芳、長青、萬萬、翔尹、慧蓮、彩虹、開創(chuàng)、萻提、玉涵,翱翔、陽光、藍天、康宇、大麗、草原、明明、文靜、張...
    Amway博愛閱讀 375評論 0 0

友情鏈接更多精彩內(nèi)容