CSS

object.getBoundingClientRect() 用于获取某个元素相对于视窗的位置集合。集合中有top, right, bottom, left等属性。 margin: initial 除

https://www.cnblogs.com/xiaohuochai/p/5248536.html 在解释BFC之前，先说一下文档流。我们常说的文档流其实分为定位流、浮动流和普通流三种 block

https://juejin.im/post/5a9923e9518825558251c96a 重排和重绘的代价都是昂贵的操作，他们会导致浏览器的UI线程卡顿，因此尽可能避免这类操作。 在讨论回流与重

块级元素 1.每个块级元素都是独自占一行。 2.元素的高度、宽度、行高和边距都是可以设置的。   3.元素的宽度如果不设置的话，默认为父元素的宽度（父元素宽度100%）。 div、p、h1~h6、ul

https://leetcode-cn.com/circle/discuss/Ua2cjo/ fead152152131

层叠上下文(stacking context)，是HTML中一个三维的概念。在CSS2.1规范中，每个盒模型的位置是三维的，分别是平面画布上的X轴，Y轴以及表示层叠的Z轴。一般情况下，元素在页面上沿X

圣杯布局margin-left+float原因：https://www.cnblogs.com/vivenZ/p/7095149.html?utm_source=itdadao&utm_medium=

https://www.sass.hk/docs/ 完全兼容 CSS3 在 CSS 基础上增加嵌套 、变量（使用$符号来标识变量）、混合 (@mixin+@include) 、继承（@extend）等

https://www.jianshu.com/p/7e63f5a32636 https://blog.csdn.net/im_dogg/article/details/84369286 设备像素比(

方法一：三角形的阴影使用盒模型阴影 我们不画三角形，直接画一个正方形的盒子，再通过transform属性旋转45度即可，我们再定义一个与容器颜色相同的盒子, 将上半部分盖住就可以啦。 .box { p

单行文本溢出 .text { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } 多行文本溢出 .text { disp

CSS 选择器优先级 内联 > ID选择器 > 类选择器 > 标签选择器 666666666666666666

一：flex Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。 http://www.ruanyifeng.com/blog/2015/07/flex

https://juejin.cn/post/7155013489394712606 flex 布局 媒体查询 动态 rem / em 方案 Viewport 方案 scale 整体缩放 移动端适配流

https://www.cnblogs.com/starof/p/4608962.html 浮动属性产生之初是为了实现“文字环绕”的效果，让文字环绕图片在网页实现类似word中“图文混排”。 floa