我們知道,這幾年來智能手機的高速發(fā)展使得人們使用移動端上網(wǎng)的時間和人數(shù)已經(jīng)超過了PC端。例如在2015年,就中國電商而言,各電商平臺在移動端持續(xù)發(fā)力,移動端購物占比不斷攀升,雙11期間,天貓交易額突破912億元,其中移動端交易額占比68%,京東移動端下單量占比達到74%,其余各大電商平臺移動端的支付比例也在60%-80%之間。即移動端在2015年超越PC端,成為網(wǎng)購市場的主流選擇。這也使得網(wǎng)頁設計師需要更加注重移動端的網(wǎng)頁制作,而移動端對于HMTL5和CSS3目前已經(jīng)支持的非常好了,所以學習HTML5和CSS3已經(jīng)是大勢所趨,因此,這里會主要探討基本的CSS3知識。
第一部分:css3簡介
我們知道css即cascading style sheet,中文是層疊樣式表的意思。它用來控制網(wǎng)頁的樣式和布局,而css3正是最新的css標準,但是主流的瀏覽器對css3已經(jīng)支持的很好了,不!除了IE??!因為css3中的很多屬性都不能被IE9以下的瀏覽器支持,然而國內(nèi)目前還有很多的IE8瀏覽器,甚至還有IE6!所以,一般在PC端我們不能完全使用CSS3,而在移動端,幾乎所有的瀏覽器都是支持css3的。(注意:實際上目前css3仍在開發(fā)中...)
css3中有以下幾種重要的模塊,如 選擇器、盒模型、背景和邊框、文字特效、2D/3D轉(zhuǎn)換、動畫、多列布局和用戶界面。
第二部分:css3邊框
這部分內(nèi)容將會介紹三個重要的屬性:border-radius、box-shadow、border-image。
1.border-radius