WEB布局基础知识点图解

语法:

HTML语法从区分符号开始

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

学语法从区分符号开始

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

学语法从区分符号开始

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

布局轴:

默认布局

非浮动或定位的块

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

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

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

浮动可使角色在 X 轴排列

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

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

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

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

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

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

top,right,bottom,left这些属性

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

浮动:

定位:

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180425G1OH5N00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券