我們知道,這幾年來智能手機的高速發(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
延伸閱讀
- ssh框架 2016-09-30
- 阿里移動安全 [無線安全]玩轉(zhuǎn)無線電——不安全的藍牙鎖 2017-07-26
- 消息隊列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 論文筆記【圖片目標分割】 2017-07-26
- 詞向量-LRWE模型-更好地識別反義詞同義詞 2017-07-26
- 從棧不平衡問題 理解 calling convention 2017-07-26
- php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明 2017-07-26
- Swift實現(xiàn)JSON轉(zhuǎn)Model - HandyJSON使用講解 2017-07-26
- 阿里移動安全 Android端惡意鎖屏勒索應用分析 2017-07-26
- 集合結(jié)合數(shù)據(jù)結(jié)構(gòu)來看看(二) 2017-07-26