H5和CSS3編程-蝸牛學苑

首頁 / Web前端開發 · 第一階段 / H5和CSS3編程

發布于 2022-02-09 · 6754 次觀看

展開剩余

課時列表
評論
課程介紹
資料列表
教師筆記

01-彈性布局

34分鐘 · 1072次播放

02-富裕空間

31分鐘 · 137次播放

03-彈性空間

24分鐘 · 113次播放

04-彈性擴展屬性

12分鐘 · 1384次播放

05-彈性擴展屬性-實戰：后臺管理系統

23分鐘 · 302次播放

06-彈性擴展屬性-實戰：后臺管理系統

63分鐘 · 343次播放

07-彈性擴展屬性-實戰：后臺管理系統

27分鐘 · 171次播放

08-復合屬性

39分鐘 · 125次播放

09-基礎屬性

37分鐘 · 112次播放

10-基礎屬性

13分鐘 · 62次播放

11-基點設置

15分鐘 · 60次播放

12-組合變換

9分鐘 · 44次播放

13-SASS基礎

20分鐘 · 92次播放

14-嵌套

12分鐘 · 39次播放

15-變量

12分鐘 · 35次播放

16-組合變換-照片墻實戰

32分鐘 · 139次播放

17-3D空間介紹

9分鐘 · 62次播放

18-3D空間介紹

15分鐘 · 41次播放

19-3D基礎屬性

30分鐘 · 46次播放

20-滅點

18分鐘 · 39次播放

21-滅點

11分鐘 · 28次播放

22-滅點

8分鐘 · 29次播放

23-3D案例

30分鐘 · 138次播放

24-3D案例-電影翻轉實戰

27分鐘 · 138次播放

25-動畫原理

33分鐘 · 61次播放

26-動畫屬性

31分鐘 · 36次播放

27-動畫屬性

4分鐘 · 30次播放

28-動畫應用-加載動畫實戰

9分鐘 · 1166次播放

29-動畫應用-輪播圖實戰

35分鐘 · 74次播放

36-H5新增控件

43分鐘 · 39次播放

37-視頻音頻

24分鐘 · 23次播放

38-語義化標簽

33分鐘 · 27次播放

39-語義化標簽-實戰：蝸牛二級菜單

46分鐘 · 106次播放

40-線性漸變

38分鐘 · 37次播放

41-線性漸變

20分鐘 · 35次播放

42-徑向漸變

22分鐘 · 27次播放

43-徑向漸變

7分鐘 · 22次播放

44-圓角原理

25分鐘 · 29次播放

45-圓角原理

5分鐘 · 33次播放

46-盒子陰影

15分鐘 · 32次播放

47-兼容性問題處理

25分鐘 · 28次播放

48-兼容性問題處理

26分鐘 · 28次播放

49-兼容性問題處理-實戰：保險項目

41分鐘 · 119次播放

50-結構選擇器

29分鐘 · 51次播放

回復

共有條回復

回復

{{replyComment.createTime | dateForMat(replyComment.createTime)}}

回復

課程目標

熟練掌握網頁布局技巧，熟悉CSS3新特性完成頁面設計和優化

知識要點

選擇器、選擇器權重計算樣式繼承、IFC、BFC、常見布局技巧、CSS新增特性

20210824-02-標準盒模型

2021-08-24 11:19:17 · 13次觀看

20210824-03-邊框

2021-08-24 11:19:49 · 2次觀看

20210824-05-內邊距

2021-08-24 12:21:07 · 1次觀看

20210824-06-外邊距

2021-08-24 14:40:27 · 1次觀看

20210824-07-IE盒模型

2021-08-24 15:51:36 · 0次觀看

20210825-02-組合選擇器

2021-08-25 14:45:01 · 3次觀看

20210825-04-屬性選擇器

2021-08-25 14:45:08 · 0次觀看

20210825-05-偽類選擇器

2021-08-25 16:05:52 · 0次觀看

20210825-06-偽元素選擇器

2021-08-25 16:06:14 · 1次觀看

20210825-07-選擇器權重

2021-08-25 17:35:48 · 1次觀看

20210825-08-樣式繼承

2021-08-25 17:36:36 · 0次觀看

20210826-02-浮動特點

2021-08-26 12:00:16 · 4次觀看

20210826-04-清除浮動

2021-08-26 15:40:15 · 0次觀看

20210827-02-定位介紹

2021-08-27 11:12:40 · 5次觀看

20210827-03-相對定位

2021-08-27 11:13:05 · 3次觀看

20210827-04-絕對定位

2021-08-27 11:56:04 · 0次觀看

20210827-06-固定定位

2021-08-27 14:52:33 · 1次觀看

20210827-08-固定定位-拓展：盒子居中技巧

2021-08-27 15:47:05 · 2次觀看

20210830-02-BFC基礎

2021-08-30 11:08:18 · 3次觀看

20210830-03-BFC應用場景

2021-08-30 11:09:11 · 0次觀看

20210830-04-IFC基礎

2021-08-30 12:10:38 · 1次觀看

20210830-05-IFC應用場景

2021-08-30 12:10:58 · 0次觀看

20210830-06-H5新增控件

2021-08-30 15:47:50 · 8次觀看

20210830-07-視頻音頻

2021-08-30 15:47:52 · 3次觀看

20210830-08-語義化標簽

2021-08-30 17:16:56 · 8次觀看

20210831-02-線性漸變

2021-08-31 12:16:33 · 2次觀看

20210831-04-徑向漸變

2021-08-31 14:44:23 · 0次觀看

20210831-05-圓角原理

2021-08-31 15:54:42 · 1次觀看

20210831-07-盒子陰影

2021-08-31 18:56:20 · 4次觀看

20210831-08-兼容性問題處理

2021-08-31 18:56:25 · 1次觀看

20210901-02-結構選擇器

2021-09-01 11:02:28 · 5次觀看

授課講師

張瑞

蝸牛學苑資深講師

5年軟件開發及授課經驗。擅長Photoshop、Illustrator等設計軟件，了解UI設計規范，精通HTML、CSS、JS、BootStrap等Web前端技術，對多個前端架構都有深入研究。曾參與某糧倉智能管理系統、某旅游網站、某在線課堂網站、企業后臺管理系統等的設計與開發工作。從事教學工作多年，擅長引導學生去思考，注重理論和實戰結合，深入淺出，對學生認真負責，廣獲學員喜愛。

看看TA的主頁

推薦課程

AI軟件基礎

羅斌 · 714人觀看 · 1242分鐘

AI軟件基礎

1、掌握效果工具ps的基本操作；2、掌握不同風格特點；3、能夠用不同風格形式對照片進行寫生練習

ps軟件基礎、風格

加入收藏

Java核心API

范程皓 · 18361人觀看 · 2094分鐘

Java核心API

完成網絡對戰功能

Java常用API，集合框架，IO流，網絡編程，異常處理

加入收藏

H5和CSS3編程

張瑞 · 6755人觀看 · 1086分鐘

H5和CSS3編程

熟練掌握網頁布局技巧，熟悉CSS3新特性完成頁面設計和優化

選擇器、選擇器權重計算樣式繼承、IFC、BFC、常見布局技巧、CSS新增特性

加入收藏

Python+Locust性能測試

陳南 · 67人觀看 · 213分鐘

Python+Locust性能測試

基于Python+Locust編寫腳本，并監控系統資源的指標

本課程將從性能測試核心基礎出發，演示性能測試的主要流程

加入收藏

深入研究JVM底層原理

譚嵐 · 75人觀看 · 283分鐘

深入研究JVM底層原理

加強大家對JVM運行底層原理的理解

加強大家對JVM運行底層原理的理解。

加入收藏

系統測試基礎

李利敏 · 1564人觀看 · 714分鐘

系統測試基礎

理解軟件工程的各類實際問題，樹立清晰的學習目標，掌握測試用例設計的常用方法和綜合運用

軟件工程，軟件質量，系統測試流程，方法，軟件測試專業術語，測試用例設計，測試報告，缺陷管理

加入收藏

LoadRunner性能測試

鄧強 · 276人觀看 · 918分鐘

LoadRunner性能測試

LoadRunner介紹，VuGen腳本開發，Controller指標監控，Analysis硬件指標分析，測試方案設計

加入收藏

C++編程基礎

陳南 · 134人觀看 · 377分鐘

C++編程基礎

可以作為C++學習的入門課程。

本課程主要講解C++的基礎用法，以及C++面向對象的程序設計。并且對常見的應用如文件操作，字符串操作等進行了講解。

加入收藏

運營設計

陳中明 · 163人觀看 · 717分鐘

運營設計

·理解插畫在UI界面中的作用 ·能熟練使用PS、AI、Sketch等軟件繪制運營插畫 ·理解Banner圖在界面中的作用，以及其設計規范、原則 ·理解瓷片區的定義、設計要點 ·理解H5的定義、設計流程、設計要點 ·能對不同彈窗進行不同維度的分類，區分模態彈窗與非模態彈窗 ·理解情感化設計在UI界面設計中的作用

·UI界面中的插畫運用 ·UI界面中的Banner與瓷片區設計 ·H5的認知與設計流程 ·彈窗設計 ·情感化頁面設計：啟動頁、引導頁、缺省頁

加入收藏

SpringCloud微服務

向偉 · 3369人觀看 · 822分鐘

SpringCloud微服務

掌握RabbitMQ中間件、ElasticSearch實際場景應用開發及Docker容器化技術應用

消息隊列中間件RabbitMQ、延遲隊列、MQ限流、接口限流、ElasticSearch全文檢索引擎、微服務架構下的鏈路追蹤、Docker容器化技術、Nocas注冊中心、Sentinel熔斷降級

加入收藏

Java網絡編程

范程皓 · 5682人觀看 · 818分鐘

Java網絡編程

通過和開發人員的共同工作，深入理解軟件測試在項目實施過程中的迭代方式，提高對項目實施過程，開發流程，測試流程的理解，提高個人核心競爭力

基于敏捷開發過程協作完成項目，模擬項目的版本迭代過程與，完整體驗真實項目實施過程

加入收藏

協議級接口測試自動化

鄧強 · 3012人觀看 · 1588分鐘

協議級接口測試自動化

熟練掌握各種互聯網常見協議標準及應用，能夠從協議層面分析接口的定義，并且根據接口定義構造相關的請求完成接口自動化。能夠自己編寫接口自動化測試框架，實現全平臺接口測試。

常見網絡傳輸協議，視頻播放協議，PostMan，接口壓力測試

加入收藏

基本信息

聯系信息

上傳資料