下一節: Grid 实战/ 快速实现 PC 端三列布局2662 次播放

5 秒后自动播放下一节
  重新觀看

CSS3-瞬間提升網頁逼格的利器

介紹 >
章節課件
第1章css 基本語法與媒體查詢

css 初體驗與元素框

10分鐘02秒

元素類型與排列方式

21分鐘59秒

細說 css 元素 display 屬性

13分鐘30秒

css 應用在元素上的四種方式

19分鐘30秒

css 文件中的其它內容

17分鐘19秒

媒體查詢的原理與實現

17分鐘22秒
第2章css 選擇器的類型與應用場景

css 選擇器的作用初體驗

09分鐘11秒

css 簡單選擇器的類型與應用場景

18分鐘08秒

css 上下文選擇器的類型與應用場景

24分鐘33秒

css 偽類選擇器之不分組匹配的類型與應用場景(一)

17分鐘20秒

css 偽類選擇器之不分組匹配應用場景(二)

16分鐘32秒

css 偽類選擇器之分組匹配的應用場景

15分鐘41秒
第3章字體控制與字體圖標

css 對頁面文字的精準控制

22分鐘35秒

如何正確引入阿里字體圖示到專案中(一)

18分鐘43秒

如何正確引入阿里字體圖示到專案中(二)

12分鐘16秒

CSS 對字體大小與樣式的精準控制(一)

15分鐘15秒

CSS 對字體大小與樣式的精準控制(二)

17分鐘44秒

CSS 對字體大小與樣式的精準控制(三)

19分鐘09秒

文字行高與對齊方式

15分鐘08秒
第4章細說 css 框模型

框模型的構成與常用屬性

16分鐘30秒

盒模型的佈置方式與容納塊

19分鐘17秒

盒模型水平方向格式化

13分鐘19秒

盒子模型 margin 垂直高度塌陷問題

04分鐘45秒

盒模型中的元素背景控制

06分鐘39秒

元素的浮動與清除浮動的影響

12分鐘25秒

盒子模型中的元素定位方式與應用場景

18分鐘10秒
第5章Flex 佈局原理與應用

flex 佈局的原理與實現

14分鐘13秒

flex 容器的設定與特徵

15分鐘09秒

flex 容器的主軸方向

07分鐘26秒

flex 專案在容器主軸上的換行方式

11分鐘52秒

flex 項目在容器主軸上排列順序

07分鐘33秒

flex 項目在交叉軸上的對齊方式

05分鐘23秒

flex 項目在容器主軸的放大因子

11分鐘37秒

flex 項目在容器主軸上的排列與對齊

24分鐘55秒

flex 項目在主軸上的收縮因子

12分鐘03秒

flex 項目計算寬度與項目縮寫屬性 flex

16分鐘05秒
第6章Flex 佈局經典實戰案例

flex 佈局實例-不規則矩形佈局

14分鐘21秒

flex 實例-order 屬性的應用場景

07分鐘52秒

flex 佈局實例/ PC 端通用佈局解決方案(一)

16分鐘38秒

flex 佈局實例/ PC 端通用佈局解決方案(二)

18分鐘25秒

flex 佈局實例/ 行動端(商城)佈局方案(一)

16分鐘07秒

flex 佈局實例/ 行動端(商城)佈局方案(二)

15分鐘10秒

flex 佈局實例/ 行動端(商城)佈局方案(三)

19分鐘41秒

flex 佈局實例/ 行動端(商城)佈局方案(四)

17分鐘42秒
第7章Grid 佈局原理與常用屬性

grid 佈局想法與基本術語

13分鐘55秒

grid 容器的建立與 grid 專案的生成

11分鐘02秒

設定 grid 項目的數量與大小

16分鐘34秒

grid 單元格的劃分與項目放置

21分鐘08秒

grid 命名網格線與命名區域

22分鐘35秒

grid 命名網格區域實戰之三列快速佈局

18分鐘35秒

設定單元格在 Grid 容器中的對齊方式

14分鐘33秒

設定某個項目在儲存格中的對齊方式

06分鐘33秒
第8章Grid 佈局實戰經典案例

Grid 實戰-快速實現 12 列柵格佈局元件(一)

14分鐘10秒

Grid 實戰/-快速實現 12 列柵格佈局元件(二)

11分鐘19秒

Grid 實戰/ 快速實現 PC 端三列佈局

13分鐘30秒

Grid 實戰/ 響應式線上網路相冊

21分鐘52秒
  • 取消回覆傳送
  • 取消發佈筆記傳送