摘要: 当过渡进行组合时, 会出现不符合预想的变换, 比如先放大在平移, 先旋转再平移, 由于会改变坐标轴和像素点的密度, 造成了不符合预期结果的出现, 关于每种过渡底层是如何操作的, 仍然存疑. 待解决 根据实验, 对此问题的猜想: 1 每一个元素维护一个自己的坐标系, 坐标原点是该元素的中心, 这个坐标 阅读全文
posted @ 2020-10-26 21:56 0龙行者0 阅读(184) 评论(0) 推荐(0) 编辑
摘要: 父元素清除浮动之后, 子元素是一个浮动元素, 父元素的高度是由什么决定的? 父元素的高度是由整个盒模型决定的, 包含margin border padding area, 如果margin为负值, 仍然满足吞噬理论 阅读全文
posted @ 2020-10-24 08:15 0龙行者0 阅读(85) 评论(0) 推荐(0) 编辑
摘要: 1 padding区域也是可以被背景进行渲染的 2 一般指定容器的高度和宽度时, 指定的都是内容区的宽度和高度, 并不包括padding或border或margin 如果是怪异盒模型则会包含 阅读全文
posted @ 2020-10-24 00:43 0龙行者0 阅读(143) 评论(0) 推荐(0) 编辑
摘要: 疑问一: 使用vertical-align进行垂直对齐时要求必须是内联元素, 是不是要求此元素以及它的父元素都必须是内联元素. 疑问二: 使用vertical-align进行对齐时, 都是根据参照物(父元素)的顶线,中线,基线, 底线, 上文本线, 下文本线来进行对齐, 但是这些参照都是在文本行(带 阅读全文
posted @ 2020-10-23 21:14 0龙行者0 阅读(162) 评论(0) 推荐(0) 编辑
摘要: 总结点: 内容区高度=字体高度=font-size 行高=内容区高度+行间距 行内框=内容区 行框=上半行边距+max(行内框)+下半行边距 有坑: 在一个容器中要想设置元素垂直居中对齐(或者其它的对齐方式), 会使用到行高属性(line-height), 之前看到过说对齐基准是一行中行内框最大的元 阅读全文
posted @ 2020-10-23 20:40 0龙行者0 阅读(165) 评论(0) 推荐(0) 编辑
摘要: 浮动: 如果将元素设置为浮动, 元素将脱离文档流,但是仍然对文档流中的元素布局造成一定的影响 其它元素可以移动到该元素所占位置下面, 但是, 其它元素中的文本内容以及图片不可以跟随父元素移动到该元素所占的位置下面 绝对定位: 绝对定位可以理解为完全脱离文档流, 在文档流中一点空间都不占有, 所以, 阅读全文
posted @ 2020-10-23 00:35 0龙行者0 阅读(590) 评论(0) 推荐(0) 编辑
摘要: BFC是块级上下文对象, 主要是用来管理块级元素的, 是一组规则 详细参考文章:https://zhuanlan.zhihu.com/p/25321647 阅读全文
posted @ 2020-10-22 19:54 0龙行者0 阅读(88) 评论(0) 推荐(0) 编辑
摘要: 详细参考: https://www.jianshu.com/p/549aaa5fabaa 关于margin的一点简单粗暴的小理解: 1, margin不会影响到内容区, 或者说甚至不会影响到border及内部的任何一部分区域, 只是会影响盒子的布局. 2, 关于布局的时候, 可以理解为这两个过程: 阅读全文
posted @ 2020-10-22 17:38 0龙行者0 阅读(174) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2020-10-22 00:31 0龙行者0 阅读(65) 评论(0) 推荐(0) 编辑
摘要: diaplay: block 基本特性 1、块级元素的宽度按文本方向填充所有可用空间。 2、块级元素的高度是根据内容高度自动计算的。 3、块级元素总是从新行开始。 盒模型特性 4、width(宽度)和height(高度)属性可以应用于块级元素。 5、padding(内边距)和border(边框)属性 阅读全文
posted @ 2020-10-22 00:02 0龙行者0 阅读(69) 评论(0) 推荐(0) 编辑