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

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

3.8w views

Total 19.7 hours

Published on Aug 24, 2025, 6:17 PM

Transshipment without permission are forbidden

Bilibili

YouTube

Recommend using YouTube source for higher definition viewing

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

Comments 97

目

目尽一浮鸥

[笑哭]交集选择器有MDN页面吗？都做前端N年，居然也是头一次用。

Mar 15, 2026, 1:14 PM

鸣

鸣晓式沃

！？这么强？！

Feb 19, 2026, 12:05 AM

皇

皇后_涅槃

催更js，ts

Jan 26, 2026, 3:15 PM

哥

哥加菲猫

这么好的视频教程，怎么没弹幕

Jan 16, 2026, 8:13 PM

这

这不是我司哥嘛

催更js跟ts

Jan 13, 2026, 10:47 PM

CW-U-Inaba

牢光会教ts吗）

Jan 9, 2026, 6:27 PM

兵

兵哥85

一键三连加关注，求资料。

Dec 23, 2025, 6:43 PM

孩

孩子是真的菜QAQ

up主啥时候更新Javascript已经嗷嗷待哺了期待[脱单doge][脸红]

Dec 23, 2025, 6:34 PM

10068

主播主播，透明效果那一集放的过渡效果。[委屈]

Dec 22, 2025, 11:27 PM

希

希克利斯

HTML和CSS都有了，javescript还会远吗？

Dec 15, 2025, 6:32 PM

陌

陌阳浅笑

催更催更

Dec 5, 2025, 10:41 AM

主

主播自己

高二刚刚学完wed css JavaScript 现在开始学Java 和mysql 还来得及吗

Dec 3, 2025, 8:27 PM

ningshuxiao1

up主好久没更新了，该js了，嗷嗷待哺[打call]@青空の霞光

Nov 15, 2025, 9:16 PM

夸

夸小喵

@青空の霞光 UP看看私信.商务

Nov 11, 2025, 2:41 PM

皇

皇后的涅槃

up恭喜八万粉

Nov 8, 2025, 11:43 AM

想

想变秃的电汉

javaweb催更[doge]

Nov 4, 2025, 6:01 PM

catmine

老大,看完了,快更新[打call]

Oct 31, 2025, 3:21 PM

夜

夜观星象yuri

讲得好好，催更

Oct 29, 2025, 8:40 PM

EternalChristmas

javaweb

Oct 29, 2025, 5:41 PM

露

露露露冰花

催更[喜欢]

Oct 29, 2025, 4:50 PM

View 77 more comments

青空の霞光

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