前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >WEB布局基础知识点图解

WEB布局基础知识点图解

作者头像
用户1730674
发布2018-07-25 10:44:41
2680
发布2018-07-25 10:44:41
举报
文章被收录于专栏:我分享我快乐

语法:

HTML语法从区分符号开始

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

学语法从区分符号开始

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

学语法从区分符号开始

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

布局轴:

默认布局

非浮动或定位的块

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

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

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

浮动可使角色在 X 轴排列

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

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

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

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

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

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

top,right,bottom,left这些属性

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

浮动:

定位:

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2018-04-25,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 我分享我快乐 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档