导航

Flexbox页面布局入门与实战 FlexBox简介与基础概念 FlexBox布局简介

Flexbox页面布局入门与实战
共14节 141人在学 课程详情
课程目录
讨论留言
  • FlexBox简介与基础概念

    • FlexBox布局简介
    • FlexBox弹性盒子模型基础概念
  • FlexBox容器属性详解

    • 容器属性:flex-direction(深入理解主轴概念)
    • 容器属性:flex-wrap(深入理解交叉轴概念)
    • 容器属性:justify-content(主轴上项目的对齐)
    • 容器属性:align-items(项目在交叉轴上的布局)
    • 容器属性:align-content(交叉轴上行的对齐)
    • 容器属性:flex-flow(属性语法糖)
  • FlexBox项目属性详解

    • 项目属性:order(灵活调整项目的排列位置)
    • 项目属性:flex-shrink的使用(项目压缩)
    • 项目属性:flex-shrink的使用注意
    • 项目属性:flex-grow的使用(项目扩张)
    • 项目属性:flex-basis的使用(与定义宽的区别)
    • 项目属性:flex使用的几种情况
回复
切换为未回复评论
切换为时间正序
请发表友善的回复…
发表回复
发表回复
按下Enter换行,Ctrl+Enter发表内容
编辑
预览
    轻敲空格完成输入
    • 显示为
    • 卡片
    • 标题
    • 链接

    反馈

    播放页问题反馈
    视频学习中有任何产品建议都可由此反
    馈,我们将及时处理!

    课时介绍

    FlexBox布局简介

    课程介绍

    本课程主要讲解Flex Box布局知识点,并结合实际代码进行演示教学

    第一章、Flexbox简介与基础概念

    主要对Flexbox的产生背景以及使用场景做一个介绍,同时在宏观层面介绍Flexbox的基础概念,为后面的学习做好准备。

    第二章、Flexbox容器属性详解与代码演示

    对Flexbox中的容器属性进行讲解,并通过代码演示该属性每个属性值代表的含义与需要注意的地方,以帮助同学们更好地掌握容器属性的使用。

    第三章、Flexbox项目属性详解与代码演示

    对Flexbox中的项目属性进行讲解,并通过代码演示该属性每个属性值代表的含义与需要注意的地方,以帮助同学们更好地掌握项目属性的使用。

    推荐课程

    信息系统项目管理师自考笔记

    李明 · 729人在学

    python从0到1:期货量化交易系统(CTP实战,高频及合成K线数据

    王先生 · 22118人在学

    手把手搭建Java超市管理系统【附源码】(毕设)

    汤小洋 · 4209人在学

    Java毕设springboot外卖点餐系统 毕业设计毕设源码 使用教

    黄菊华 · 788人在学

    基于SSM酒店管理系统(毕设)

    小尼老师 · 842人在学

    java项目实战之购物商城(java毕业设计)

    Long · 5155人在学

    手把手搭建Java求职招聘系统【附源码】(毕设)

    汤小洋 · 1506人在学

    Python Django 深度学习 小程序

    钟翔 · 2323人在学

    城管局门前三包管理系统+微信小程序(vue+springboot)

    赖国荣 · 599人在学

    Vue+Uni-app(uniapp)入门与实战+赠送仿美团点餐小程序

    李杰 · 3987人在学

    正在试验
    后自动删除环境
    课程实验
    本次实验时间已到期 00:00:00

      订阅失败

      Flexbox页面布局入门与实战
      Flexbox页面布局入门与实战 ...

      订阅列表已满,请先移出部分订阅内容。

      当前章节需购买后观看
      开通超级会员免费看!专家精选系列课程,满足你从入门到精通!更有问答月卡免费送,你的问题有问必答!
      提交答案

      购买课程

      扫码完成付费,可继续学习全部课程内容

      加载中...
      课件正在飞速打包中,请耐心等待几秒钟~
      联系我们
      工作时间: 8:30 - 22:00
      客服电话: 400-660-0108
      kefu@csdn.net在线客服
      • 关于我们
      • 招贤纳士
      • 商务合作
      • 寻求报道
      • 京ICP备19004658号
      • 经营性网站备案信息
      • 公安备案号11010502030143
      • 营业执照
      • 北京互联网违法和不良信息举报中心
      • 家长监护
      • 中国互联网举报中心
      • 网络110报警服务
      • Chrome商店下载
      • 账号管理规范
      • 版权与免责声明
      • 版权申诉
      • 出版物许可证
      • ©1999-2024北京创新乐知网络技术有限公司

      视频问题反馈

      提交遇到的问题我们会尽快解决的 ~