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