簡介:如我們需要兼容不同屏幕分辨率、清晰度以及屏幕定向方式豎屏(portrait)、橫屏(landscape),怎樣才能做到讓一種設計方案滿足所有情況?那就是響應式布局。 meta標簽,百分比,彈性盒,mediaquery,em/rem,html5新增屬性/特性/標簽,css3新增樣式屬性
課程章節
第01課 H5新特性
- 課時1html5 新特性介紹 開始學習
-
課時2html5 新標簽介紹
-
課時3選擇器(一)
-
課時4選擇器(二)
-
課時5fontface
-
課時6CSS3中的偽類元素
-
課時7字體圖標
第02課 CSS3中的屬性應用(一)
-
課時1邊框屬性(一)
-
課時2邊框屬性(二)
-
課時3css3中的過渡屬性
-
課時4css3中的變形
-
課時5css3中的動畫
-
課時6cubic(一)
-
課時7cubic(二)
第03課 CSS3中的屬性應用(二)
-
課時1fontStyle
-
課時2gradient(一)
-
課時3gradient(二)
-
課時4css3中的列
-
課時5彈性盒(一)
-
課時6彈性盒(二)
-
課時7彈性盒(三)
-
課時8彈性盒(四)
第04課 移動端布局要素
第05課 響應式布局實現原理
-
課時1rem簡介
-
課時2香哈網移動版頁面制作(一)
-
課時3香哈網移動版頁面制作(二)
-
課時4香哈網移動版頁面制作(三)
-
課時5香哈網移動版頁面制作(四)
-
課時6rem屏幕適配
第06課 響應式布局實戰(一)
第07課 響應式布局實戰(二)
第08課 Bootstrap(一)
-
課時1Bootstrap(1)上
-
課時2Bootstrap(1)下
-
課時3Bootstrap(2)上
-
課時4Bootstrap(2)下
-
課時5Bootstrap(3)上
-
課時6Bootstrap(3)下
-
課時7Bootstrap(4)上
第09課 Bootstrap(二)
授課講師
-
翟勁琪老師
WEB全棧高級講師
關于講師
JS工程師,多年前端工作開發經驗,兩年教學經驗,擅長原生js,前端框架。
課程推薦
- Web前端開發 試聽 21534
- HTML5移動應用開發 試聽 19783
- 網頁制作(HTML5+CSS3) 試聽 22493
- HTML5網頁設計 試聽 23071
學習服務
- 技術大牛直播授課
- 實時學情管理
- 課后作業批改,BUG診斷
- 輔導老師當堂答疑
- 學習規劃,專屬學習方案