移动端布局教程

开场白

移动端布局的特点

移动端的迭代速度移动端的屏幕长宽比

居中布局

居中布局简介中文布局 CSS 库实现居中布局绝对定位实现居中布局绝对定位+负边距实现居中布局绝对定位+平移实现居中布局网格布局实现居中布局弹性布局实现居中布局表格布局实现居中布局

单列布局

单列布局简介外边距实现单列布局弹性布局实现单列布局绝对定位 + 平移实现单列布局网格布局实现单列布局行内块元素实现单列布局增光添彩

双列布局

双列布局简介中文布局CSS库实现双列布局多列属性实现双列布局左浮动实现双列布局绝对定位实现双列布局弹性布局实现双列布局网格布局实现双列布局增光添彩

吕形布局

吕形布局简介中文布局CSS库实现吕形布局固定定位实现吕形布局外边距的作用非固定定位实现吕形布局固定定位+渐隐渐现

上下栏布局

上下栏布局简介上下栏布局中文布局CSS库固定定位实现上下栏布局外边距的作用非固定定位实现上下栏布局固定定位+渐隐渐现

九宫格布局

九宫格简介中文布局CSS库实现九宫格网格布局实现九宫格布局表格布局实现九宫格布局绝对定位实现九宫格布局弹性布局实现九宫格布局左浮动实现九格宫布局加入边框边框九宫格改进版九宫格经典面试题

响应式布局

响应式简介中文布局CSS库网格布局弹性布局左浮动法媒体查询媒体属性逻辑操作符

评论走起

didiok 2022年09月25日

移动端布局教程

开场白

课程简介

移动端布局的特点

居中布局

单列布局

双列布局

吕形布局

上下栏布局

九宫格布局

响应式布局

没喽下一篇: 课程简介

评论