Skip to main content

Day10 CSS 的浮动和 Flex 布局

课程内容​

  1. CSS Flex 布局

    • 认识 flex 布局
    • flex 布局的理解
    • flex-container 属性
    • flex-item 属性

  2. 额外知识补充

    • vertical-align
    • transform
    • 过渡动画
    • 关键帧动画

视频​

'01_(掌握) 布局 - 浮动布局 - 京东多列布局案例.mp4'
'02_(掌握) 布局 - 浮动布局 - 考拉多列布局方案一.mp4'
'03_(掌握) 布局 - 浮动布局 - 考拉多列布局方案二.mp4'
'04_(理解) 布局 - 浮动布局 - 考拉布局的补充.mp4'
'05_(掌握) 布局 - 浮动布局 - 浮动的问题及清浮动.mp4'
'06_(理解) 布局方案的总结和回顾.mp4'
'07_(理解) 认识 flex 布局和 flex 布局的由来.mp4'
'08_(掌握)flex 布局 - 两个重要概念-container.mp4'
'09_(掌握)flex 布局-flex 布局模型 - 主轴和交叉轴.mp4'
'10_(掌握)flex 布局-container-flex-d.mp4'
'11_(掌握)flex 布局-container-wrap-f.mp4'
'12_(掌握)flex 布局-cintainer-justif.mp4'
'13_(掌握)flex 布局-container-align-.mp4'
'14_(掌握)flex 布局-container-align-.mp4'
'15_(了解)flex 布局-item-order.mp4'
'16_(了解)flex 布局-item-align-self.mp4'
'17_(掌握)flex 布局-item-grow-shrink.mp4'
'18_(掌握)flex 布局-item-flex-basis.mp4'
'19_(掌握)flex 布局-item-flex 属性.mp4'
'20_(掌握)flex 布局-flex 布局 justify-co.mp4'
'21_(掌握) 内容回顾和作业布置.mp4'

笔记​