2020年10月26日
关于元素变形原点(translate-origin)的一点小坑
摘要： 由于3D变换相对于2D变换只是多了一个Z轴, 所以, 所有的关于X, Y轴的变换也都是一样的. 关于translate-origin, 之前一直以为坐标系的基础都是以元素中心点为坐标原点的, 看到translate-origin的demo之后发现, 这个有点例外 这个属性的基准也是这个元素 所以拥有 阅读全文
posted @ 2020-10-26 23:09 0龙行者0 阅读(418) 评论(0) 推荐(0) 编辑
对景深的一点点小想法
摘要： 所谓景深, 可以理解为是以自己的眼睛为参照物, 景深越小, 就代表自己的眼睛离物体越近, 看到的东西也就越夸张 景深越大, 就代表自己的眼睛离物体越远, 看到的东西也就只有轮廓, 平淡无奇. 阅读全文
posted @ 2020-10-26 22:37 0龙行者0 阅读(95) 评论(0) 推荐(0) 编辑
css中的过渡对像素操作的底层原理 不解?
摘要： 当过渡进行组合时, 会出现不符合预想的变换, 比如先放大在平移, 先旋转再平移, 由于会改变坐标轴和像素点的密度, 造成了不符合预期结果的出现, 关于每种过渡底层是如何操作的, 仍然存疑. 待解决 根据实验, 对此问题的猜想: 1 每一个元素维护一个自己的坐标系, 坐标原点是该元素的中心, 这个坐标 阅读全文
posted @ 2020-10-26 21:56 0龙行者0 阅读(185) 评论(0) 推荐(0) 编辑
2020年10月24日
疑问之父元素清除浮动之后被父元素撑起高度时的机制是什么
摘要： 父元素清除浮动之后, 子元素是一个浮动元素, 父元素的高度是由什么决定的? 父元素的高度是由整个盒模型决定的, 包含margin border padding area, 如果margin为负值, 仍然满足吞噬理论 阅读全文
posted @ 2020-10-24 08:15 0龙行者0 阅读(86) 评论(0) 推荐(0) 编辑
关于盒模型的padding和内容区
摘要： 1 padding区域也是可以被背景进行渲染的 2 一般指定容器的高度和宽度时, 指定的都是内容区的宽度和高度, 并不包括padding或border或margin 如果是怪异盒模型则会包含 阅读全文
posted @ 2020-10-24 00:43 0龙行者0 阅读(146) 评论(0) 推荐(0) 编辑
2020年10月23日
疑问之vertical-align中以父元素为参照物
摘要： 疑问一: 使用vertical-align进行垂直对齐时要求必须是内联元素, 是不是要求此元素以及它的父元素都必须是内联元素. 疑问二: 使用vertical-align进行对齐时, 都是根据参照物(父元素)的顶线,中线,基线, 底线, 上文本线, 下文本线来进行对齐, 但是这些参照都是在文本行(带 阅读全文
posted @ 2020-10-23 21:14 0龙行者0 阅读(164) 评论(0) 推荐(0) 编辑
字体相关细节疑问之行框与行内框
摘要： 总结点: 内容区高度=字体高度=font-size 行高=内容区高度+行间距 行内框=内容区 行框=上半行边距+max(行内框)+下半行边距 有坑: 在一个容器中要想设置元素垂直居中对齐(或者其它的对齐方式), 会使用到行高属性(line-height), 之前看到过说对齐基准是一行中行内框最大的元 阅读全文
posted @ 2020-10-23 20:40 0龙行者0 阅读(170) 评论(0) 推荐(0) 编辑
关于元素脱离文档流之后对文本内容布局的影响
摘要： 浮动: 如果将元素设置为浮动, 元素将脱离文档流,但是仍然对文档流中的元素布局造成一定的影响 其它元素可以移动到该元素所占位置下面, 但是, 其它元素中的文本内容以及图片不可以跟随父元素移动到该元素所占的位置下面 绝对定位: 绝对定位可以理解为完全脱离文档流, 在文档流中一点空间都不占有, 所以, 阅读全文
posted @ 2020-10-23 00:35 0龙行者0 阅读(591) 评论(0) 推荐(0) 编辑
2020年10月22日
关于BFC
摘要： BFC是块级上下文对象, 主要是用来管理块级元素的, 是一组规则 详细参考文章:https://zhuanlan.zhihu.com/p/25321647 阅读全文
posted @ 2020-10-22 19:54 0龙行者0 阅读(88) 评论(0) 推荐(0) 编辑
margin为负值时, 对布局的影响
摘要： 详细参考: https://www.jianshu.com/p/549aaa5fabaa 关于margin的一点简单粗暴的小理解: 1, margin不会影响到内容区, 或者说甚至不会影响到border及内部的任何一部分区域, 只是会影响盒子的布局. 2, 关于布局的时候, 可以理解为这两个过程: 阅读全文
posted @ 2020-10-22 17:38 0龙行者0 阅读(178) 评论(0) 推荐(0) 编辑