摘要：# 从零开始的前端生活 --css层叠规则 层叠上下文 网页上的元素其实是三维的，类似于高中学的左手坐标系，Z轴就是垂直于屏幕。层叠上下文跟“块状格式化上下文”（BFC）类似，只要元素拥有某些特定的css属性，就会表现出层叠上下文的特点。 层叠顺序 前提是重叠在一起，就会按照上图的规则呈现。 层叠 阅读全文

摘要：# 从零开始的前端生活--position 包含块 定义：什么是包含块，就是元素用来计算和定位的一个框，可以说是参照物吧。比如width： 50%；他是参照哪个元素的50%，那个元素就是“包含块”。而绝对定位元素absolute的宽度是相对第一个position不为static的祖先元素计算的。计 阅读全文

摘要：# 从零开始的前端生活--float和overflow float 本质 浮动的本质就是为了实现文字环绕效果。 浮动的特征 包裹与自适应性。 块状化，float不为none时，它的display就是block 万恶之源 使父元素的高度塌陷 <div> <img src="../image/pic0 阅读全文

摘要：# 从零开始的前端生活--line-height和vertical-align 前言 我觉得块级元素就是负责网页的结构骨架排列，而内联元素就是躲在块级元素内部来负责内容排列，创世者应该是这样考虑的吧 line-height 定义 对于非替换元素的纯内联元素，他的高度完全由line-height决定 阅读全文

摘要：# 从零开始的前端生活--盒尺寸 padding padding对块级元素的影响 css中默认的box-sizing 是content-box,使用padding会额外增加元素的尺寸。 当padding足够大，把width挤没掉了，这时width就无效。里面的内容表现为“首选最小宽度” 首选最小宽 阅读全文

摘要：# 从零开始的前端生活-理解content(二) 应用 清除浮动 伪元素加content最常见的应用是清除浮动带来的影响 .clear::after{ content:''; display:table; clear:both; } 字符内容的生成 content还可以插入Unicode字符(万国 阅读全文

摘要：# 从零开始的前端生活-理解content(一) 替换元素 定义 我们把通过修改某个属性值呈现的内容就可以被替换的元素被称为"替换元素"。 比如 <img src="xxx.jpg"> ,我们只需修改属性src的值，内容就会发生变化，这就是替换元素。 类似的有 <video>、<iframe>、< 阅读全文