首页 / 精品课 / CSS3-瞬间提升网页逼格的利器

CSS3-瞬间提升网页逼格的利器

必学：前端就业课程，老师在线解疑！

如果说HTML是网页的骨骼,那么CSS就是网页的皮肤和外衣;使用CSS技术,可以随心所欲的更新元素的样式,制定出美轮美奂的网页布局, CSS如此强大, 以至于互联网中无处不, 学习Web开发,CSS必知必会

难度：初级

共56章节

108159次学习

第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

讲师介绍

天蓬老师: 全栈工程师

能学到什么:: 1.媒体查询 2. 选择器 3. 字体图标 4.背景控制 5. 盒/框模型 6. 定位与浮动 7. 经典布局案例 8 . Flex弹性布局与实战 9. Grid网格布局与实战

CSS3-瞬间提升网...CSS3-瞬间提升网...
下载

取消回复发送

PHP中文网