itBaima Curriculums | CSS3 教程已完结 (WebStorm 2025 最新版) 4K蓝光画质+杜比音效页面样式+UI设计一套搞定

CSS3 教程已完结 (WebStorm 2025 最新版) 4K蓝光画质+杜比音效页面样式+UI设计一套搞定

Total 19.7 hours

Jan 1, 2024, 12:00 AM

Transshipment without permission are forbidden

Bilibili

YouTube

Recommend using Xigua Video playback source for higher definition viewing

已完结，全98集针对于大学生录制的CSS3学习课程（含常用CSS样式介绍、UI设计、高级特性讲解），建议大一以上的同学学习，也欢迎低年级同学观看，视频纯个人录制，非商业化！

Comments 0

There are currently no comments for this course

青空の霞光

Gold Medal Lecturer 🏅

Return to course video list

Video Collection(1/98)

课程介绍

03:44

基础：走进CSS

09:43

基础：样式的引入

13:11

基础：基本选择器

24:40

基础：高级选择器

25:24

基础：选择器优先级

29:59

基础：样式的继承

08:46

基础：Emmet插件

08:09

字体样式：字体族

20:18

P10

字体样式：字体大小

20:04

P11

字体样式：字重

09:00

P12

字体样式：斜体

04:53

P13

字体样式：颜色和RGB值

25:57

P14

文本样式：首行缩进

04:59

P15

文本样式：水平对齐

17:56

P16

文本样式：文本修饰

10:13

P17

文本样式：大小写处理

02:21

P18

文本样式：行高控制

03:49

P19

文本样式：文本间距

02:59

P20

文本样式：文本换行

09:44

P21

文本样式：文本空白处理

05:04

P22

练习（一）文本样式和选择器

19:40

P23

盒子模型：简介

07:48

P24

盒子模型：内容区域（一）

16:11

P25

盒子模型：内容区域（二）

12:45

P26

盒子模型：背景设置

22:20

P27

盒子模型：边框

22:30

P28

盒子模型：内边距

21:25

P29

盒子模型：外边距

24:05

P30

盒子模型：用户代理样式

08:20

P31

盒子模型：滚动区域

20:22

P32

UI设计课程（一）卡片元素

20:16

P33

UI设计课程（二）色彩搭配

11:52

P34

定位布局：相对定位

07:29

P35

定位布局：绝对定位

10:58

P36

定位布局：固定定位

01:56

P37

定位布局：粘滞定位

04:58

P38

定位布局：包含块

06:49

P39

定位布局：Z轴顺序

06:55

P40

定位布局：层级上下文

12:01

P41

网格布局：基础设置

20:36

P42

网格布局：显式网格和隐式网格

07:51

P43

网格布局：元素的定位与合并

06:05

P44

网格布局：网格对齐

15:58

P45

网格布局：网格区域

07:11

P46

弹性布局：快速上手

07:06

P47

弹性布局：对齐方式

15:07

P48

弹性布局：空间分配

16:47

P49

（选学）浮动布局

09:37

P50

（选学）表格布局

03:25

P51

布局行内展示

02:20

P52

块级格式化上下文

04:55

P53

UI设计课程（三）视差滚动

08:16

P54

UI设计课程（四）导航栏

52:38

P55

选择器进阶：伪类

30:32

P56

选择器进阶：伪元素

15:17

P57

选择器进阶：嵌套语法

10:36

P58

UI设计课程（五）仿苹果官网

92:14

P59

练习（二）定位和布局

06:57

P60

练习 (蓝桥杯) 电影院排座位

07:52

P61

练习 (蓝桥杯) 新鲜的蔬菜

08:02

P62

练习 (蓝桥杯) 智能停车系统

03:18

P63

盒子模型：最大和最小宽高

09:01

P64

盒子模型：盒子轮廓

07:38

P65

盒子模型：盒子阴影

13:31

P66

盒子模型：行内纵向对齐

06:55

P67

盒子模型：精灵图

05:28

P68

盒子模型：颜色渐变

21:11

P69

盒子模型：滤镜效果

12:39

P70

盒子模型：背景滤镜

02:42

P71

变换：二维变换

09:31

P72

变换：原点变换

01:54

P73

变换：组合变换

02:32

P74

变换：三维变换

08:35

P75

变换：透明效果

02:04

P76

变换：过渡效果

15:24

P77

UI设计课程（六）按钮美化

06:57

P78

UI设计课程（七）3D卡片

11:03

P79

函数：动态计算

04:52

P80

函数：属性获取

02:13

P81

函数：数值比较

03:42

P82

CSS变量创建和使用

07:56

P83

UI设计课程（八）深色适配

13:31

P84

AT规则：媒体查询

13:26

P85

AT规则：深色模式

03:14

P86

AT规则：动画帧

16:17

P87

AT规则：层叠控制

08:39

P88

AT规则：其他规则介绍

07:19

P89

UI设计课程（九）模态弹窗

11:02

P90

UI设计课程（十）响应式适配

36:00

P91

UI设计课程（十一）下拉菜单

13:38

P92

扩展：表格样式

05:32

P93

扩展：比例尺寸

03:44

P94

扩展：滚动穿透

03:21

P95

扩展：用户选择

03:14

P96

扩展：浏览器私有前缀

02:54

P97

扩展：性能优化

02:56

P98

练习（三）变换和过渡

11:27