17 flex缩写属性 - 弹性子元素属性

241 未经授权,禁止转载了解课程
课程介绍
讨论{{interaction.discussNum ? '(' + interaction.discussNum + ')' : ''}}
适合人群
有一定的css基础,想要提升网页开发能力的同学。 本课程适合刚刚学习网页开发,或者需要学习了解使用flex布局的同学。 想要熟练进行响应式网页开发的同学。 了解新一代网页开发技巧的同学。
你将会学到
学习本课程,你将对网页布局方案Flex 有着十足的了解,在面对设计图时选择出合适的布局方案。
  • 快速学习flex核心基础
  • 通过flex可以实现常见PC/移动端布局
课程简介

站在2022的时间节点上去看网页布局方案,已经出现了非常多并且实用的布局方式,包括传统的table、float、position,再到css3中新推出的flex和grid。


相比较于传统的布局方式,css3中新推出的flex布局,是一整套完整的属性加上崭新的布局理念,和传统的布局方案有着较大的区别。


而随着浏览器的兼容性越来越好,flex逐渐成为了网页布局方案中的常用方式,而对于一个合格的前端网页开发者来说,flex布局方式更是必须要掌握的内容,这其中无论是传统的pc端布局还是移动端布局,都是flex大展身手的地方。


学习本套课程,不仅能够帮助你快速熟悉flex 布局中的核心属性,还会通过常见的案例来帮助大家快速吸收所学习到的flex布局精髓。


这其中还包括如何设计html的代码解构,以及教会大家分析在拿到设计图之后,该如何选择合适的布局方案。

展开更多
发布
头像

{{ item.user.nick_name }} {{ EROLE_NAME[item.user.identity] }}

置顶笔记
讨论图
{{ item.create_time }}回复
  • 删除

    是否确认删除?

    确认
    取消
  • {{ item.is_top == 1 ? '取消置顶' : '置顶'}}

    已有置顶的讨论,是否替换已有的置顶?

    确认
    取消
{{ tag.text}}
头像
{{ subitem.user.nick_name }}{{ EROLE_NAME[subitem.user.identity] }}
{{ subitem.create_time }}回复
删除

是否确认删除?

确认
取消
发布
{{pageType === 'video' ? '讨论区抢占沙发,可获得双倍学分' :'讨论区空空如也,你来讲两句~'}}
发布
{{tips.text}}
{{ noteHeaderTitle }} 笔记{{ hasMyNote ? '我的笔记' : '记笔记' }}
{{ hasMyNote ? '我的笔记' : '记笔记' }}
优质笔记
更新于:{{ $dayjs.formate('YYYY-MM-DD HH:mm:ss', item.last_uptime*1000) }}
头像
{{ detail.username }}

公开笔记对他人可见,有机会被管理员评为“优质笔记”

{{ noteEditor.content.length }}/2000

公开笔记
保存
提问

讲师收到你的提问会尽快为你解答。若选择公开提问,可以获得更多学员的帮助。

记录时间点
记录提问时视频播放的时间点,便于后续查看
公开提问
提交