karshey的博客

（通常是全局对象，在浏览器中是window，在Node.js中是global）。因此，

整个页面有margin，把它改为padding。

但是由于其他vue文件(组件)中也有可能会出现相同的class名相同的css样式，于是vue就采用了添加随机后缀的方式防止class名重复的样式出现样式覆盖的情况。假设想修改两个圆之间的线的长度，由于组件没有暴露相关的类名，我们需要自己修改它。组件中的一些类可能添加样式无法生效。动态添加完类后发现样式不生效。可以确认类是已经添加了的。使用组件库中的组件，修改它的样式并动态添加/删除样式。可以生效：注意，deep与后面的括号不能有空格。由于这里使用的是组合式API，没有。最后一个节点下面的tail不显示。

可以把这段css放到一个新的类里，命名为alignHeight，在任何想要实现此效果的div中加入此类。有情况如下：三个div的高度是随着内容自适应的，但希望每列的高度都相同，即，实现方法：令父元素flex，且。

R表示红色，G表示绿色，B表示蓝色，三种颜色的值都可以是正整数或百分数。A表示Alpha透明度。取值0~1之间，类似opacity。px % em 这3个单位，可以适用于大部分项目开发，且拥有较好兼容性。flex-grow 和 flex-shrink 在 flex 属性中。将影响元素盒模型的属性设置为0，若有元素内有子元素或内容，应该设置其。则为 1，flex-basis 为 0%。都能实现透明效果，但最大的。

上述式子中，top和bottom为0，margin等于auto，此时浏览器为了满足这个等式会把上下的距离均匀分给margin，即达到我们想要的居中效果。横向也是一样的道理。原理：对当前元素的position设置为absolute，并且相对于父元素定位。的三栏布局：注意绝对定位的元素脱离文档流，相对于最近的已经定位的祖先元素进行定位。因此需要知道子元素的大小。原理：属于同一个BFC的两个相邻的Box的margin会发生重叠。原理：计算BFC的高度时，浮动子元素也参与计算。相对于该元素所在行的基线的垂直对齐。

因此，如果我要让box在wrapper里面垂直居中，我可以在wrapper的div里面加一个div。vertical-align 属性设置元素的垂直对齐方式。该属性定义行内元素的。样式，那么box就可以在div里面垂直居中了。相对于该元素所在行的基线的垂直对齐。，同样的给box一个。

左右两边间隔相等的居中。

由于相对定位是不脱离标准文档流的，而且相对定位的元素会占用标准流中的位置，所以当给相对定位的元素设置margin padding等属性时会影响到标准流中的布局，即。设置了clear属性的元素，相应的会在两侧按照没有浮动元素的样式排下去，所以不会受到浮动元素的影响，从而实现清除浮动。子元素浮动后，由于父级元素没有高度，下面的元素会顶上去，造成页面的塌陷。因此，需要给父级加个。关于为什么说浮动流是“半”脱标准流：因为浮动的盒子的位置会受到前面的标准流的影响。，只在父盒子内部影响，不影响外面的其他盒子。

呈现，就是把如何渲染html页面的权利交给了浏览器，有多少种浏览器就有多少种展示方式。比如章节、页眉、页脚或文档中的其他部分。如侧栏、文章的一组链接、广告、友情链接、相关产品列表等。main，帮助到搜索引擎以及搜索工程师找到网站的主要内容，本身并不承载特殊的功能和意义。address： 作者、相关人士或组织的联系信息（电子邮件地址、指向联系信息页的链接）。article： 定义外部的内容，其中的内容独立于文档的其余部分。footer：页脚，只有当父级是body时，才是整个页面的页脚。

一个空元素的高度、边框、外边距都是0，上下内边距为20px，那么这个空元素的框模型的高度为40px。一个空元素的高度、边框、内边距都是0，上下外边距为20px，那么这个空元素的框模型的高度为0。

【题解】百度2021校招Web前端工程师笔试卷（第一批）：单选题、多选题

【题解】百度2020校招Web前端工程师笔试卷（第三批）：单选题、多选题

【题解】百度2020校招Web前端工程师笔试卷（第二批）：单选题、多选题

【题解】百度2020校招Web前端工程师笔试卷（第一批）：单选题、多选题

小程序开发入门：安装开发工具、目录结构与项目配置

如何判断是页面滚动还是窗口滚动