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

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

有任何疑问，请加微信：phpcn01

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

难度：初级

共56章节

20932次学习

第1章 css 基本语法与媒体查询: css 初体验与元素框; 元素类型与排列方式; 细说 css 元素 display 属性; css 应用到元素上的四种方式; css 文档中的其它内容; 媒体查询的原理与实现
第2章 css 选择器的类型与应用场景: css 选择器的作用初体验; css 简单选择器的类型与应用场景; css 上下文选择器的类型与应用场景; css 伪类选择器之不分组匹配的类型与应用场景(一); css 伪类选择器之不分组匹配应用场景(二); css 伪类选择器之分组匹配的应用场景
第3章字体控制与字体图标: css 对页面文本的精准控制; 如何正确引入阿里字体图标到项目中(一); 如何正确引入阿里字体图标到项目中(二); CSS 对字体大小与样式的精准控制(一); CSS 对字体大小与样式的精准控制(二); CSS 对字体大小与样式的精准控制(三); 文本行高与对齐方式
第4章细说 css 框模型: 框模型的构成与常用属性; 盒模型的布局方式与容纳块; 盒模型水平方向格式化; 盒模型 margin 垂直高度塌陷问题; 盒模型中的元素背景控制; 元素的浮动与清除浮动的影响; 盒模型中的元素定位方式与应用场景
第5章 Flex 布局原理与应用: flex 布局的原理与实现; flex 容器的设置与特征; flex 容器的主轴方向; flex 项目在容器主轴上的换行方式; flex 项目在容器主轴上排列顺序; flex 项目在交叉轴上的对齐方式; flex 项目在容器主轴的放大因子; flex 项目在容器主轴上的排列与对齐; flex 项目在主轴上的收缩因子; flex 项目计算宽度与项目缩写属性 flex
第6章 Flex 布局经典实战案例: flex 布局实例-不规则矩形布局; flex 实例-order 属性的应用场景; flex 布局实例/ PC 端通用布局解决方案(一); flex 布局实例/ PC 端通用布局解决方案(二)
18:25; flex 布局实例/ 移动端(商城)布局方案(一); flex 布局实例/ 移动端(商城)布局方案(二); flex 布局实例/ 移动端(商城)布局方案(三); flex 布局实例/ 移动端(商城)布局方案(四)
17:42
第7章 Grid 布局原理与常用属性: grid 布局思想与基本术语; grid 容器的创建与 grid 项目的生成; 设置 grid 项目的数量与大小; grid 单元格的划分与项目放置; grid 命名网格线与命名区域; grid 命名网格区域实战之三列快速布局; 设置单元格在 Grid 容器中的对齐方式; 设置某个项目在单元格中的对齐方式
第8章 Grid 布局实战经典案例: Grid 实战-快速实现 12 列栅格布局组件(一); 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中文网