通過學(xué)習(xí)路線圖,零基礎(chǔ)學(xué)習(xí)專業(yè)網(wǎng)頁設(shè)計(jì)、小程序UI設(shè)計(jì)技巧,成就網(wǎng)頁設(shè)計(jì)高手。
意派 Coolsite360 使用瀏覽器在線設(shè)計(jì)網(wǎng)站,建議使用最新版Chrome進(jìn)行設(shè)計(jì)。
點(diǎn)擊下載imooc慕課網(wǎng)HTML+CSS基礎(chǔ)教程 (推薦)
http://www.imooc.com/learn/9
CSS布局基礎(chǔ)教程,沒有布局、就沒有設(shè)計(jì)
http://zh.learnlayout.com/toc.html
CSS 中 Flex布局介紹
http://www.w3cplus.com/css3/css3-flexbox-layout.html
CSS 中 如何使用rem 進(jìn)行屏幕適配
http://isux.tencent.com/web-app-rem.html
HTML / CSS 速查手冊,學(xué)習(xí)掌握最基本的網(wǎng)頁知識
http://www.w3school.com.cn/html/index.asp
其他參考資料:
網(wǎng)易云課堂HTML/CSS視頻教程
http://study.163.com/category/html-and-css
意派-Coolsite360 | 網(wǎng)頁設(shè)計(jì)工具
意派Coolsite360-響應(yīng)式網(wǎng)站_自助建站_微信小程序 設(shè)計(jì)制作工具意派-Epub360 | H5頁面制作工具
意派?Epub360-專業(yè)H5頁面在線設(shè)計(jì)制作工具,H5微信邀請函制作軟件