第五棵树

什么是定位 翻看我们前面的文档流文档，我们已经介绍过，正常的元素是会按照块级元素和内联元素的特性进行依次排列，而如果想要将一个元素放在另一个元素上，或者将一个元素固定显示在页面的某些位置，正常文档流是

水平居中 1）内联元素，也包括文本 text-align: center; 2） 块级元素 设置margin: 0 auto; 绝对定位：position: absolute; left: 50%;

什么是BFC BFC具有以下几个特点： BFC是一个独立的布局环境，BFC内部的元素布局与外部互不影响 可以通过一些条件触发BFC，从而实现某些特殊的布局 BFC布局规则 BFC布局在布局时会遵从以下

层叠上下文 层叠水平 其中，对于普通元素来说，层叠上下文决定了层叠水平，但是对于flex元素或者定位元素，层叠水平是由层叠水平和z-index共同决定的。 需要注意的是，层叠水平是元素的属性决定的，不

什么是css模块化 css发展 css随着时代的发展也发生了很大的转变，主要经历了以下几个历程 手写原生CSS 手写原生css指的是在html文件中写行内样式，内嵌样式，link引入外部样式，@imp

calc函数 语法 需要注意以下几点： 表达式只支持+，-，*，/，（） 使用+，-时前后必须要有空格，为了统一性，建议都加上空格 *时两边至少有一个是number /时除数必须是number 应用

全局对象就是作用在全局作用域上的对象。在浏览器中，全局对象是window; 在node.js中，全局对象是global; 在worker中，全局对象是WorkerGlobalScope。

什么是JavaScript JavaScript发展历史 1995年由Netscape公司创立，取名为LiveScript。后面因为与Sun公司合作，因此改名为JavaScript。 Ecma国际创建

雪碧图 雪碧图的原理 把你在网站上会用到的小图标整合到一张单独的图片中，从而减少你的http请求数量。然后在需要用到图片的地方使用background-image和background-positio