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

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

    有任何疑问,请加微信:phpcn01

    立即咨询
    介绍章节答疑(0)课件
    如果说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网格布局与实战

    全部答疑

    暂无答疑~
  • 取消回复发送
  • PHP中文网