WEB布局基础知识点图解

语法：

HTML语法从区分符号开始

找到HTML语法的专属符号进行整理记忆

学语法从区分符号开始

找到css语法的专属符号进行整理记忆

学语法从区分符号开始

找到css选择器的专属符号进行整理记忆

布局轴：

默认布局

非浮动或定位的块

默认布局使角色在Y轴排列

默认布局对象宽度自动按父级宽度计算

小提示：相邻默认布局对象的margin值是公用的

浮动可使角色在 X 轴排列

当父级宽度放不下时会自动折行到下一行

浮动对象默认情况无高宽，由子级内容撑开

小提示：相邻的浮动对象的margin值是相加的

定位可使角色在 Z 轴层级排列

定位对象默认情况无高宽，由子级内容撑开定位对象层数属性index

只有定位对象拥有坐标属性:

top,right,bottom,left这些属性

对 X轴 和 Y轴对象没有用哦

浮动：

定位：